Reactjs React redux不显示地图内容
React Redux不显示地图内容数据下面的代码通过将表单数据发布到数据库来工作。 我的问题是它没有按照下面的代码在返回方法中显示映射内容,也没有显示任何错误 控制台中的消息。事实上,地图内容为空Reactjs React redux不显示地图内容,reactjs,redux,Reactjs,Redux,React Redux不显示地图内容数据下面的代码通过将表单数据发布到数据库来工作。 我的问题是它没有按照下面的代码在返回方法中显示映射内容,也没有显示任何错误 控制台中的消息。事实上,地图内容为空 <ul> <h1>Jmarkatti </h1> {users.items4 && users.items4.map((user, index) => <option key={user.uid} val
<ul>
<h1>Jmarkatti </h1>
{users.items4 && users.items4.map((user, index) =>
<option key={user.uid} value='{ user.uid }'>Hey jmarkatti { user.filename} { user.uid }</option>
)}
</ul>
这是reducer.js
迭代users.items4的方式将不会按预期返回项目。换成
或
由于出现错误,已在分派方法中重新讨论该问题。我没有编写userAction.users,而是编写了userAction.register\u upload。 简言之,应该是这样的
dispatch(userActions.users(user));
不是
如果您查看上面reducer.js上的第二行代码,就会发现导出函数是按照下面的代码设置给用户的
export function users(state = {}, action) {
地图内容正在运行。感谢大家看来users.items4的计算结果是错误的。您是否可以在使用redux connect连接组件的位置添加代码?@Pranay,我已经添加了连接组件。请您在更新部分查看它。您为什么执行const{users}=state;常量{user}=state;。只需执行:const{users,user}=state@弗兰克斯我已经做了,但地图内容并没有显示。而且它的控制台中没有错误消息。如果在arrow函数的开头不包含花括号,则返回任何封装的内容。您是对的@FrankerZ。应该在发布前进行测试。
import { uConstants } from '../_constants';
export function users(state = {}, action) {
switch (action.type) {
case userConstants.REGISTER_REQUEST:
return { registering: true };
case userConstants.REGISTER_SUCCESS:
return { items4: action.users };
//return{};
case userConstants.REGISTER_FAILURE:
return {};
default:
return state
}
}
{users.items4 && users.items4.map((user, index) => (
<option key={user.uid} value={user.uid} >Hey jmarkatti {user.filename} {user.uid}</option>
))}
{users.items4 && users.items4.map((user, index) => {
return <option key={user.uid} value={user.uid} >Hey jmarkatti {user.filename} {user.uid}</option>
})}
dispatch(userActions.users(user));
dispatch(userActions.register_upload(user));
export function users(state = {}, action) {