在React中this.state与state

在React中this.state与state

两种方法的最终结果是相同的。两种方法都只是设置

state

组件的初始名称。值得注意的是，类属性是第3阶段的提议，因此所有开发环境可能无法使用它们。

我个人喜欢使用class字段变体，如果在构造函数中没有做任何其他事情，因为它编写的代码更少，并且您无需

super

担心。

例

class Component1 extends React.Component {  state = { value: this.props.initialValue };  render() {    return <div> {this.state.value} </div>  }}class Component2 extends React.Component {  constructor(props) {    super(props);    this.state = { value: props.initialValue };  }  render() {    return <div> {this.state.value} </div>  }}function App() {  return (    <div>      <Component1 initialValue={1} />      <Component2 initialValue={2} />    </div>  );}