javascript - 如何在 Reactjs 中拥有多个 getInitialState 实例？

Question

这是我在 React 中的代码。我有多个用于不同功能的 getInitialState 实例。但是，我发现让它们全部以这种方式运行可能存在问题。

getInitialState: function(){
if (localStorage.getItem('something'))
{return {signedin: true}}
else {return {signedin: false}}
},

getInitialState:function(){
return {error: true}
},

getInitialState:function(){
return {fliphouse: false}
},

解释一下，getInitialState 的第二个实例按原样不起作用。也就是说，除非我翻转第二个和第三个 getInitialState 的顺序。当我这样做时，代码会按预期运行。但我感觉 React 试图告诉我一些事情。

这通常是在组件内组织 React 代码的方式吗？

Answer 1

您可以将它们全部定义在同一个对象中:

getInitialState() {
  return {
    signedIn: !!localStorage.getItem('something'),
    error: false,
    fliphouse: false
  };
}

您可以在组件中的任何位置单独更改它们(render() 函数除外)，例如:

this.setState({ error: true }) // causes a new render