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 状态的主要变化。

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

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

Redux Simple Router - Change state AND URL

reactjs

redux

react-router-redux