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

Question

Trying to use stateless component with fetch but failed, the fetch api is working, I'm able to get the data but somehow I see nothing appear in my stateless component

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;

My container for admin dashboard is here https://pastebin.com/raw/UtxZLh3a

I have no clue why this is not working.

Answer 1

Try changing the constructor in AdminDashboardPage to be

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

As a side note, you really should put your li tags inside some ul tags .