我在看Pluralsight关于React的课程，老师说道具不应该被改变。我现在正在读一篇关于道具vs.国家的文章(uberVU/react-guide)，它说
道具和状态更改都会触发呈现更新。
文章后面说:
Props(属性的缩写)是组件的配置，如果可以的话，是它的选项。它们是从上面接收的，是不可变的。
所以道具可以改变，但它们应该是不可变的? 什么时候应该使用道具，什么时候应该使用状态? 如果你有一个React组件需要的数据，它应该通过道具或设置在React组件通过getInitialState?
当前回答
给出最简单的解释，补充上述评论:
根据React的官方文档，他们将“状态”视为
To “remember” things, components use state.
props可以理解为从父组件传递给子组件的变量。
如果你想在应用中记住一些东西，你会使用状态如果你想传递数据，你会使用道具。
让我给你另一个类比，假设你想把你脑子里的前25个自然数的序列相加。
1+2+3+4.....
从1开始，然后加2，现在是3，然后加到现在的总数(6)，然后加4到现在的总数(6)，所以新的总数是10。
当前的总和是程序的状态，假设您需要找到总和的平均值。你要把这个和代入一个方程，然后把这个和作为道具传下去。
希望这能说得通。
其他回答
在回答最初关于道具不可变的问题时，我们说它们在子组件中是不可变的，但在父组件中是可以改变的。
props是JavaScript对象，传递给组件，保存配置属性。 props是接收组件不可更改的 state是在Component中管理的JavaScript对象，保存它的内部状态。 更新可以触发重新渲染
状态是真相的起源，是您的数据存在的地方。 你可以说这种状态是通过道具表现出来的。
为组件提供支持可以使UI与数据保持同步。 组件实际上只是一个返回标记的函数。
给定相同的道具(用于显示的数据)，它将始终生成相同的标记。
所以这些道具就像是将数据从原点传递到功能组件的管道。
Props: Props只是组件的属性，react组件只是一个javascript函数。
class Welcome extends React.Component {
render() {
return <h1>Hello {this.props.name}</h1>;
}
}
Const元素=;
这里<Welcome name="Sara" />传递一个对象{name: 'Sara'}作为Welcome组件的道具。为了将数据从一个父组件传递给子组件，我们使用props。 道具是不可变的。在组件的生命周期中，道具不应该改变(认为它们是不可变的)。
状态:状态只能在组件中访问。为了跟踪组件中的数据，我们使用状态。我们可以通过setState来改变状态。如果我们需要将state传递给child，我们必须将它作为props传递。
class Button extends React.Component {
constructor() {
super();
this.state = {
count: 0,
};
}
updateCount() {
this.setState((prevState, props) => {
return { count: prevState.count + 1 }
});
}
render() {
return (<button
onClick={() => this.updateCount()}
>
Clicked {this.state.count} times
</button>);
}
}
简单的解释是: STATE是组件的局部状态，例如color = "blue"或animation=true等。用这个。setState更改组件的状态。 PROPS是组件如何相互通信(将数据从父组件发送给子组件)以及如何使组件可重用。
