Как использовать карту на массиве нескольких объектов в React

121
18

Это дочерний компонент, так как я могу вы Реквизит здесь Дочерний компонент:

import React from "react";

const PeopleList = props => {
console.log("child Props :", props.data);
const list = props.data.map(item => item.name);

return <React.Fragment>{"list"}</React.Fragment>;
};

export default PeopleList;

Главный компонент:

 import React, { Component } from "react";
import { connect } from "react-redux";
import { fetchPeople } from "../actions/peopleaction";
import PeopleName from "../containers/peopleName";

class Main extends Component {
constructor(props) {
super(props);
this.state = {};
}

componentDidMount() {
this.props.dispatch(fetchPeople());
}

render() {
const { Error, peoples } = this.props;

console.log("data", peoples);
return (
<div className="main">
{"helo"}
<PeopleName data={peoples.results} />
</div>
);
}
}

const mapStateToProps = state => {
return {
peoples: state.peoples.peoples,
error: state.peoples.error
};
};

export default connect(mapStateToProps)(Main);

If i iterate the props multi objects array i can face Map is not define issue;

Мне нужно перебрать массив множественных объектов props.data в дочернем компоненте, и я получаю объект из магазина Redux. После того, как компонент загрузил хранилище избыточности. не могли бы вы помочь мне в этом. Вы можете найти весь код ниже упомянутой ссылки ' https://codesandbox.io/s/mqx0q9wqpx

спросил(а) 2019-04-17T04:42:00+03:00 1 год, 5 месяцев назад
1
Решение
90

Попробуйте это. Это работает в ваших кодах.

{peoples.results && <PeopleName data={peoples.results} />}

ответил(а) 2019-04-17T05:39:00+03:00 1 год, 5 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема