应该注意的是，复制永远不会更改为状态的属性是一种反模式（在这种情况下直接访问 .props）。如果你有一个最终会改变但以 .props 中的值开始的状态变量，你甚至不需要构造函数调用 - 这些局部变量在调用父构造函数后初始化：

class FirstComponent extends React.Component {
  state = {
    x: this.props.initialX,
    // You can even call functions and class methods:
    y: this.someMethod(this.props.initialY),
  };
}

这是相当于下面@joews 的答案的速记。它似乎只适用于更新版本的 es6 转译器，我在某些 webpack 设置上遇到了问题。如果这对您不起作用，您可以尝试添加 babel 插件babel-plugin-transform-class-properties，或者您可以使用下面@joews 的非速记版本。

您不需要调用setState组件的constructor-this.state直接设置是惯用的：

class FirstComponent extends React.Component {

  constructor(props) {
    super(props);

    this.state = {
      x: props.initialX
    };
  }
  // ...
}

请参阅React 文档 - 将本地状态添加到类。

您描述的第一种方法没有任何优势。它将在第一次安装组件之前立即进行第二次更新。

引入了 React 16.3 alpha 的更新static getDerivedStateFromProps(nextProps, prevState)（文档）作为componentWillReceiveProps.

getDerivedStateFromProps 在一个组件被实例化之后以及当它接收到新的 props 时被调用。它应该返回一个对象来更新状态，或者返回 null 表示新的 props 不需要任何状态更新。

请注意，如果父组件导致您的组件重新渲染，即使 props 没有更改，也会调用此方法。如果您只想处理更改，您可能想要比较新值和以前的值。

https://reactjs.org/docs/react-component.html#static-getderivedstatefromprops

它是静态的，因此它不能直接访问this（但是它可以访问prevState，它可以存储通常附加到thiseg 的东西refs）

编辑以反映@nerfologist 在评论中的更正

如果您想将所有props添加到状态并保留相同的名称，您可以使用如下的简短形式。

constructor(props) {
    super(props);
    this.state = {
       ...props
    }
    //...
}

state从props构造函数中初始化时，您必须小心。即使props更改为新的，状态也不会改变，因为 mount 永远不会再发生。因此getDerivedStateFromProps存在。

class FirstComponent extends React.Component {
    state = {
        description: ""
    };
    
    static getDerivedStateFromProps(nextProps, prevState) {
        if (prevState.description !== nextProps.description) {
          return { description: nextProps.description };
        }
    
        return null;
    }

    render() {
        const {state: {description}} = this;    

        return (
            <input type="text" value={description} /> 
        );
    }
}

或者使用keyprops 作为触发器来初始化：

class SecondComponent extends React.Component {
  state = {
    // initialize using props
  };
}

<SecondComponent key={something} ... />

在上面的代码中，如果something更改，SecondComponent则将重新挂载为新实例state并由props.