React中的状态和道具有什么区别?

我在看Pluralsight关于React的课程，老师说道具不应该被改变。我现在正在读一篇关于道具vs.国家的文章(uberVU/react-guide)，它说

道具和状态更改都会触发呈现更新。

文章后面说:

Props(属性的缩写)是组件的配置，如果可以的话，是它的选项。它们是从上面接收的，是不可变的。

所以道具可以改变，但它们应该是不可变的? 什么时候应该使用道具，什么时候应该使用状态? 如果你有一个React组件需要的数据，它应该通过道具或设置在React组件通过getInitialState?

当前回答

道具和状态在某种程度上是相同的，它们都会触发重渲染。不同之处在于，道具来自于父组件，状态在当前组件中管理。状态是可变的，道具是不可变的

其他回答

这是我目前对于状态与道具之间的解释的观点

State就像组件中的局部变量。你可以操纵使用set state获取state的值。然后可以传递state的值例如，您的子组件。 Props是位于redux存储中的值来源于来源于减速器的状态。您的组件应该连接到redux从道具中获取值。你也可以通过你的props值给你的子组件

在回答最初关于道具不可变的问题时，我们说它们在子组件中是不可变的，但在父组件中是可以改变的。

State是react中的一个特殊变量，用于在组件更新时重新渲染组件

状态对于组件本身是私有的。也就是说，它不能在组件外部被访问或修改。setState/用于更新状态的钩子。每当状态更新时，组件重新呈现

状态是可变的

道具是组件的输入，并使用道具数据呈现内容

道具是不可变的(Object。冻结= true)

状态是react处理组件所持有信息的方式。

假设有一个组件需要从服务器获取一些数据。您通常希望通知用户请求是否正在处理，请求是否失败，等等。这是一条与特定组件相关的信息。这就是状态进入游戏的地方。

通常定义状态的最佳方法如下:

class MyComponent extends React.Component {
  constructor() {
    super();
    this.state = { key1: value1, key2: value2 }    
  }
}

但是在react native的最新实现中，你可以这样做:

class MyComponent extends React.Component {
  state = { key1: value1, key2: value2 }    
}

这两个例子以完全相同的方式执行，这只是语法上的改进。

那么，与我们在面向对象编程中总是使用对象属性有什么不同呢?通常，在您的状态中保存的信息并不是静态的，它会随着时间的推移而变化，您的视图需要更新以反映这些变化。State以一种简单的方式提供了此功能。

状态是不可改变的!我再怎么强调也不为过。这意味着什么?这意味着你永远不应该做这样的事情。

 state.key2 = newValue;

正确的做法是:

this.setState({ key2: newValue });

使用这个。setState你的组件在更新周期中运行，如果状态的任何部分发生变化，你的组件呈现方法将被再次调用以反映这些变化。

请查看react文档以获得更详细的解释: https://facebook.github.io/react/docs/state-and-lifecycle.html

React组件使用state来读取/写入内部变量，这些变量可以通过以下方式更改/突变:

this.setState({name: 'Lila'})

React props是一个特殊的对象，允许程序员从父组件中获取变量和方法到子组件中。

它有点像房子的门窗。道具也是不可变的子组件不能改变/更新他们。

当父组件更改道具时，有几个方法可以帮助监听。

推荐文章