Всем привет. Имею компонент Notes
class Notes extends Component {
componentDidMount(){
this.props.axiosNotes(); //получаю данные с сервера
}
render(){
const notes = this.props.notes;
console.log(notes); //у момент создания компонента = {}, после
//срабатывания axiosNotes = {0: {…}, 1: {…}, 2: {…},
// 3: {…}, 4: {…}}
return(
<div>
{notes.map(i => <p>{i.title}</p>), 2000)} //map is not a function
</div>
)
}
}
const mapStateToProps = state => ({
notes: state.notes
});
const mapDispatchToProps = {
axiosNotes
};
export default connect(mapStateToProps,mapDispatchToProps)(Notes);
Вообщем, так как я получаю данные асинхронно, мой пропс notes сначала пустой объект, а метод map не может итерироваться по пустому объекту. Вопрос, как мне вывести данные this.props.notes не у момент создания компонента, а когда пришли асинхронные данные, т.е. когда notes.length > 0