使用类属性在 React 中设置初始状态

Question

我有一个 React 类组件，它在构造函数调用中有一个初始状态对象。我最初只是将一个对象文字分配给 this.state，但我需要与类中的其他方法共享初始状态对象以重置组件。将初始状态对象移动为类属性并在构造函数中引用它是否可以/正确？class SampleComponent extends Component {  constructor() {    super();    this.state = this.initialState;  }  initialState = {    property1: "...",    property2: "..."  };}该代码似乎有效，但我不确定这是否是解决此问题的正确方法。

Answer 1

initialState从类中解耦：

const initialState = {

    property1: "...",

    property2: "..."

};

// As Class

class SampleComponent extends Component {

  state = initialState;

  ...

}

// Hooks

function SampleComponent(props) {

  const [myState, setMyState] = useState(initialState);

  ...

}

通过这种方式，您可以避免将来出现关于this.initialState.