当调度动作时,React + flux会对状态进行更改

时间:2017-01-13 15:11:21

标签: reactjs reactjs-flux

我尝试在实际调度磁通动作时更新视图状态。我有一个TODO列表,并希望为用户提供删除所选TODO的功能(简单复选框和使用删除按钮触发)。从列表中删除项目时,我有一点恼人的问题。这里有一些代码可以让它更清晰:

deleteSelectedTodos() {
  actionTodoRemove(this.state.todosSelected);
  this.setState({
    todosSelected: [],
    toggleAll: false
  });
}

所以这基本上有效,但它在实际上从列表中消失之前取消选中todo。但是我必须清除在发送删除后清除的todosSelected列表。

[*] todo 1
[ ] todo 2
[*] todo 3

然后:

[ ] todo 1 // it will dissapear after dispach, and is unchecked
[ ] todo 2
[ ] todo 3 // it will dissapear after dispach, and is unchecked 

有没有选项可以运行一些回调来改变状态?我正在考虑在componentWillMount / DidMount中设置一些代码,但它感觉不对,因为它会在每个组件更改时调用,我只想在单个prop更改时过滤所选列表。

0 个答案:

没有答案