Can't fetch JSON Array on EACH component

How-to Discussions
1

Hi, I’m trying to fetch a JSON Object on the EACH component, but I was not successful, I can print the result on the console.log but I can’t get it on the “EACH” component.

I need to print the elements inside the “rows” array

My json:

{
    "command": "SELECT",
    "rowCount": 1,
    "oid": null,
    "rows": [
        {
            "texto": "Há três anos, a cor vermelha foi eleita para lembrar a população da importância da doação de sangue. Com isso surgiu o Junho Vermelho. A escolha está ligada ao dia 14 de junho quando se celebra o Dia Mundial do Doador de Sangue, data estabelecida pela Organização Mundial da Saúde (OMS). A Hemorrede Tocantins aderiu mais uma vez ao movimento que visa incentivar e intensificar as doações de sangue em todo o Estado. Participe desta iniciativa! Seja doador de sangue e ajude a manter o equilíbrio no fluxo de funcionamento dos hospitais e a salvar vidas.",
            "titulo": "Junho Vermelho",
            "dia_inicial": "2017-06-01T03:00:00.000Z",
            "dia_final": "2017-06-30T03:00:00.000Z",
            "horario_inicial": "07:00:00",
            "horario_final": "19:00:00",
            "unidade_id": "Hemocentro Coordenador de Palmas"
        }
    ],
}

That’s my code:

function fetchCampanha(path, options){
	var url = encodeURI(ROOT_URL + path)

	if(options === undefined){
		options = {}
	}

	return fetch(url, options)
			.then(function(response){
				return response.json()
			})
}

function getAllCampanhas(){
	return fetchCampanha("campanhas")
}

getAllCampanhas().then(function(newCampanhas){
	campanhas = newCampanhas.rows
	console.log(campanhas[0].texto)
});


<Each Items="{campanhas}">
<Text Value="texto}"/>
<Text>Teste</Text>
</Each>
2

SOLVED
I used

function fetchCampanha(path, options){
	var url = encodeURI(ROOT_URL + path)

	if(options === undefined){
		options = {}
	}

	return fetch(url)
			.then(function(response){
				return response.json()
			})
			.then(function(data){
				campanhas.replaceAll(data.rows)
			})
}

fetchCampanha("campanhas");

and in my UX

<Each Items="{campanhas}">
<Text Value="{texto}"/>
<Text>Teste</Text>
</Each>