'当使用与mapStateToProps的连接时,无法读取未定义的属性'map'

Question

我试图在我的react/redux功能组件中显示我的状态(用户):

const Dumb = ({ users }) => {
  console.log('users', users)
  return (
    <div>
      <ul>
        {users.map(user => <li>user</li>)}
      </ul>
    </div>
  )
}

const data = state => ({
  users: state
})


connect(data, null)(Dumb)

哑被用在容器组件中.users.map语句有问题,但我认为数据是通过connect语句注入的？reducer的初始状态有1个名字:

const users = (state = ['Jack'], action) => {
  switch (action.type) {
    case 'RECEIVED_DATA':
      return action.data

    default:
      return state
  }
}

CodeSandbox

Answer 1

渲染时没有使用连接的组件,因此组件中没有道具

const ConnectedDumb = connect(
  data,
  null
)(Dumb);

class Container extends React.Component {
  render() {
    return (
      <div>
        <ConnectedDumb />
      </div>
    );
  }
}

工作演示