Как отобразить массив, который содержит объект JSON в React JSX? - PullRequest
Новая
       9

Как отобразить массив, который содержит объект JSON в React JSX?

0 голосов
/ 29 декабря 2018

Я получаю JSON-объект из хранилища Firebase в моем действии приставки.Я храню объекты JSON внутри ассоциативного массива.когда я пытаюсь сделать this.props.expenses, я получаю обратно массив.

Но я не могу отобразить массив в JSX ??

import { SHOW_EXPENSE } from './types';
import database from '../config/firebase';
export const showExpenses = () =>  dispatch => {

const expenses = [];

        database.ref()
        .once('value')
        .then((snapshot) => {


                snapshot.forEach((childSnapshot) => {

                        expenses.push({

                              id: childSnapshot.key,
                              ...childSnapshot.val()        

                        })


                });

        });

        console.log(expenses);

    dispatch({

        type: SHOW_EXPENSE,
        expenses :  expenses     

})

return expenses;

};

Это мой console.log (расходы); 

0: {id: "-LUumVQzeXBN8iK81EVO", expense_amount: "500", expense_name: 
"bike service"}
1: {id: "-LUumeeCeYIdd2G4Pz5K", expense_amount: "1500", 
 expense_name: "tire change"}
 length: 2__proto__: 
 Array(0)

Когда я пытаюсь отобразить this.props.expenses, он ничего не возвращает. 

{this.props.expenses.map( data =>

      {data.expense_amount}
      {data.expense_name}
});
...