作为引用,我正在关注 this教程。我的试用应用程序是一个用户管理工具。当前显示下面的用户列表是商店代码。它使用 dispatcher.dispatch({type: "CREATE_USER", name: "Andrew"})
成功将用户添加到列表中。然而,直到我点击一条路线然后它才会更新,它才会这样做。
import { EventEmitter } from "events";
import dispatcher from "../Dispatcher";
class UserManagement extends EventEmitter{
constructor(){
super();
this.users =
[
{
id: 1234,
name: 'Anton',
email: 'escalante.anton@outlook.com'
},
{
id: 12345,
name: 'Bacon',
email: 'bacon@me.com'
}
];
}
getAll(){
return this.users;
}
createUser(name){
const id = Date.now();
this.users.push({
id,
name,
email: 'default@email.com'
});
this.emit("change");
}
handleActions(action){
switch(action.type){
case "CREATE_USER":{
this.createUser(action.name);
break;
}
}
}
}
const userobj = new UserManagement;
dispatcher.register(userobj.handleActions.bind(userobj));
window.dispatcher = dispatcher;
export default userobj;
编辑我想我需要触发状态更改?
最佳答案
要重新渲染数据,您应该通过调用setState或使用forceUpdate强制渲染来触发渲染
请注意,不推荐使用forceUpdate,组件读取存储数据的正确方法是将数据复制到 state 中并在渲染函数中从 this.state 读取。
关于javascript - Dispatch 不会立即更新组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37291311/