我在看Pluralsight关于React的课程，老师说道具不应该被改变。我现在正在读一篇关于道具vs.国家的文章(uberVU/react-guide)，它说
道具和状态更改都会触发呈现更新。
文章后面说:
Props(属性的缩写)是组件的配置，如果可以的话，是它的选项。它们是从上面接收的，是不可变的。
所以道具可以改变，但它们应该是不可变的? 什么时候应该使用道具，什么时候应该使用状态? 如果你有一个React组件需要的数据，它应该通过道具或设置在React组件通过getInitialState?
当前回答
道具——你不能改变它的值。 States—您可以在代码中更改它的值，但当呈现发生时它将是活动的。
其他回答
一般来说，一个组件(父组件)的状态是子组件的prop。
State resides within a component where as props are passed from parent to child. Props are generally immutable. class Parent extends React.Component { constructor() { super(); this.state = { name : "John", } } render() { return ( <Child name={this.state.name}> ) } } class Child extends React.Component { constructor() { super(); } render() { return( {this.props.name} ) } }
在上面的代码中，我们有一个父类(parent)，它的状态是name，它被传递给子组件(子类)作为道具，子组件使用{this.props.name}渲染它。
State是你的数据，是可变的，你可以对它做任何你需要的事情，props是只读数据，通常当你传递props时，你已经使用了你的数据，你需要子组件来渲染它，或者如果你的props是一个函数，你调用它来执行任务
State:具有内部值，这意味着只在该类组件中有效，因此不能将其传递给另一个组件。
道具:另一方面，你可以将道具从父对象传递给子对象或从子对象传递给父对象。
道具和状态之间的关键区别在于，状态是内部的，由组件本身控制，而道具是外部的，由呈现组件的任何东西控制。
function A(props) {
return <h1>{props.message}</h1>
}
render(<A message=”hello” />,document.getElementById(“root”));
class A extends React.Component{
constructor(props) {
super(props)
this.state={data:"Sample Data"}
}
render() {
return(<h2>Class State data: {this.state.data}</h2>)
}
}
render(<A />, document.getElementById("root"));
状态可以改变(可变的) 而道具不能(不可变)
React组件使用state来读取/写入内部变量，这些变量可以通过以下方式更改/突变:
this.setState({name: 'Lila'})
React props是一个特殊的对象，允许程序员从父组件中获取变量和方法到子组件中。
它有点像房子的门窗。道具也是不可变的子组件不能改变/更新他们。
当父组件更改道具时，有几个方法可以帮助监听。
