Question

尝试使用无状态组件和fetch但失败了，fetch api正在工作，我能够获取数据，但不知怎的，我看到没有出现在我的无状态组件中

import React, { PropTypes } from 'react';
import { Card, CardTitle, CardText } from 'material-ui/Card';
import { map } from 'lodash';

const AdminDashboard = (users) => (
  <Card className="container">
    <CardTitle
      title="Approve applicants"
    />
    {map(users, user =>
        <li key={user._id}>{user.email}</li>
    )}
  </Card>
);

AdminDashboard.propTypes = {
  users: PropTypes.array.isRequired
};

export default AdminDashboard;

我的管理信息中心容器位于https://pastebin.com/raw/UtxZLh3a

我不知道为什么这不起作用。

Answer 1

尝试将constructor中的AdminDashboardPage更改为

constructor(props) {
  super(props);
  this.state = {
    users: [] // <----- array instead of object
  }
}

作为旁注，you really should put your li tags inside some ul tags。

使用无状态组件反应渲染失败

1 个答案: