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

Question

假设我有一些逻辑，用户有一个选项列表可供选择。当用户选择一个选项时，应用程序状态和 URL 应反射(reflect)此选择。我已经弄清楚了 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 状态的粗略反射(reflect)。 UI 的结构通过 React Router 从路径触发，但状态应该位于 Redux 中。我应该能够通过输入相同的路径来恢复 UI 状态，并且该路径应该根据 UI 状态的重大变化而改变。

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