Redux 简单路由器 - 更改状态和 URL

Question

假设我有一些逻辑，用户可以从中选择一个选项列表。当用户选择一个选项时，应用程序状态和 URL 应该反映这个选择。我已经弄清楚了 URL 路由，但我想知道最好的策略。我想使用 redux-simple-router pushPath 并调度一个动作吗？ redux-simple-router 是否有 API 可以直接通过路由更改应用程序的状态？或者我会在其他地方处理应用程序状态更改吗？代码如下：

    handleClick(value) {
        this.props.pushPath('/Options/' + value);
    }

    render() {
      return (
        <div className="container">
          <div>Search bar here</div>
           <div className={styles.tile_container}>
             {this.state.options.map(option =>
               <div name= {option.name} key={option.key}  onClick={this.handleClick.bind(this, option.name)}>{option.name}</div>
           )}
         </div>
      </div>
    );
  }

Answer 1

在我看来，路径只是应用程序 UI 状态的粗略反映。 UI 的 structure 从路径触发，通过 React Router，但 state 应该在 Redux 中。我应该能够通过输入相同的路径来恢复 UI 状态，并且路径应该会随着 UI 状态的重大变化而改变。

所以基本上，当你想设置“检查点”或重新配置你的布局时，你想改变路由器，但你仍然需要dispatch 操作来改变 Redux 存储的状态。