在React/React Native中使用构造函数与state = {}有什么区别？

Question

我见过两者

export default class LoginScreen extends React.Component {
  constructor(props){
    super(props);
    this.state = {
      loading: false,
      loggedIn: false,
    }
  }
}

和

export default class LoginScreen extends React.Component {
  state = {
    loading: false,
    loggedIn: false,
  }
}

两者的用例是什么？有优点/缺点吗？这是一个更好的做法吗？

Answer 1

如果要将props数据保存到,请使用构造函数state

export default class LoginScreen extends React.Component {
  constructor(props){
    super(props);
    this.state = {
      loading: props.loading,
      loggedIn: props.loggedIn,
    }
  }
}

否则,您可以直接设置state硬编码数据

export default class LoginScreen extends React.Component {
  state = {
    loading: false,
    loggedIn: false,
  }
}