所以我的解决方案是localStorage在设置状态时也设置，然后从回调localStorage内部再次获取值，getInitialState如下所示：

getInitialState: function() {
    var selectedOption = localStorage.getItem( 'SelectedOption' ) || 1;

    return {
        selectedOption: selectedOption
    };
},

setSelectedOption: function( option ) {
    localStorage.setItem( 'SelectedOption', option );
    this.setState( { selectedOption: option } );
}

我不确定这是否可以被视为反模式，但除非有更好的解决方案，否则它可以工作。

您可以像 Omar 建议的那样使用本地存储“持久化”状态，但应该在设置状态后完成。为此，您需要将回调传递给该setState函数，并且需要对放入本地存储的对象进行序列化和反序列化。

constructor(props) {
  super(props);
  this.state = {
    allProjects: JSON.parse(localStorage.getItem('allProjects')) || []
  }
}


addProject = (newProject) => {
  ...

  this.setState({
    allProjects: this.state.allProjects.concat(newProject)
  },() => {
    localStorage.setItem('allProjects', JSON.stringify(this.state.allProjects))
  });
}

我们有一个应用程序，允许用户在页面中设置“参数”。我们所做的是在 URL 上设置这些参数，使用 React Router（结合 History）和一个库，该库将 JavaScript 对象 URI 编码为可用作查询字符串的格式。

当用户选择一个选项时，我们可以将其值推送到当前路由上：

history.push({pathname: 'path/', search: '?' + Qs.stringify(params)});

pathname可以是当前路径。在你的情况下params看起来像：

{
  selectedOption: 5
}

然后在 React 树的顶层，React Router 将props使用location.search我们之前设置的编码值的 prop更新该组件的，所以会有componentWillReceiveProps类似的东西：

params = Qs.parse(nextProps.location.search.substring(1));
this.setState({selectedOption: params.selectedOption});

然后该组件及其子组件将使用更新的设置重新渲染。由于信息位于 URL 上，因此可以将其添加为书签（或通过电子邮件发送 - 这是我们的用例），刷新将使应用程序处于相同状态。这对我们的应用程序来说非常有效。

react-router：https : //github.com/reactjs/react-router

历史：https : //github.com/ReactTraining/history

查询字符串库：https : //github.com/ljharb/qs

我认为状态仅用于查看信息，并且应该在视图状态之外持续存在的数据最好存储为props。当您希望能够链接到一个页面或将 URL 共享到应用程序深处时，URL 参数很有用，但否则地址栏会变得混乱。

看看 Redux-Persist（如果您使用的是 redux）https://github.com/rt2zz/redux-persist

如果存在，则从 localStorage加载状态：

constructor(props) {
    super(props);           
    this.state = JSON.parse(localStorage.getItem('state'))
        ? JSON.parse(localStorage.getItem('state'))
        : initialState

覆盖this.setState以在每次更新后自动保存状态：

const orginial = this.setState;     
this.setState = function() {
    let arguments0 = arguments[0];
    let arguments1 = () => (arguments[1], localStorage.setItem('state', JSON.stringify(this.state)));
    orginial.bind(this)(arguments0, arguments1);
};