我试图在我的 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)
Dumb 用于容器组件。 users.map 语句有问题,但我认为数据是通过 connect 语句注入(inject)的? reducer 有一个初始状态,其中包含 1 个名称:
const users = (state = ['Jack'], action) => {
switch (action.type) {
case 'RECEIVED_DATA':
return action.data
default:
return state
}
}
最佳答案
渲染时您没有使用连接的组件,因此组件中的 Prop 不可用
const ConnectedDumb = connect(
data,
null
)(Dumb);
class Container extends React.Component {
render() {
return (
<div>
<ConnectedDumb />
</div>
);
}
}
关于reactjs - 使用 mapStateToProps 连接时“无法读取未定义的属性 'map'”,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53386202/