Javascript 无法在具有react和redux的组件中显示数据

我试图在我的组件上显示一些虚拟数据，但没有看到任何显示在它上面的内容。当我将console.log记录到预期结果时，我得到[object]

我认为我的行为、行为创造者和还原者遗漏了一些东西

您没有在map函数中返回JSX内容

---

您还需要使用console.log${userList}不是必需的，console.loguserList将工作，但是这与问题无关。只是想添加到答案中

我认为您缺少ReactDOM.render，以便实际将组件装载到DOM中

# components/App.js

import React from 'react';
import ReactDOM from 'react-dom';
import styles from './App.css';
import UserList from './UserList';

const App = () => (
  <div className={''}>
    <h2>React Redux middleware</h2>
    <div>
        <UserList />
    </div>
  </div>
);

ReactDOM.render(App, document.getElementById('react-app'));

---

不，我有另一个文件index.js，在那里我加载了我的路由器。我只是没有在代码中添加它。谢谢你的回答。该死的老兄，谢谢你解决了我的问题。我在敲脑袋。这只是我们每个人有时都会犯的一个小错误，没问题，很高兴能帮上忙：

 renderUser(user) {
    return (           // Added a return statement here
    <div className={ styles.card }> 
      <h4>{ user.name }</h4>
      <p>Lego Inc</p>
      <a>Email</a>
    </div>
    )
  }

# components/App.js

import React from 'react';
import ReactDOM from 'react-dom';
import styles from './App.css';
import UserList from './UserList';

const App = () => (
  <div className={''}>
    <h2>React Redux middleware</h2>
    <div>
        <UserList />
    </div>
  </div>
);

ReactDOM.render(App, document.getElementById('react-app'));