我在看Pluralsight关于React的课程，老师说道具不应该被改变。我现在正在读一篇关于道具vs.国家的文章(uberVU/react-guide)，它说
道具和状态更改都会触发呈现更新。
文章后面说:
Props(属性的缩写)是组件的配置，如果可以的话，是它的选项。它们是从上面接收的，是不可变的。
所以道具可以改变，但它们应该是不可变的? 什么时候应该使用道具，什么时候应该使用状态? 如果你有一个React组件需要的数据，它应该通过道具或设置在React组件通过getInitialState?
当前回答
react中“state”和“props”的区别。
React根据状态控制和渲染DOM。有两种类型的组件状态:props是组件之间传输的状态，state是组件的内部状态。Props用于将数据从父组件传输到子组件。组件在内部也有自己的状态:只能在组件内部修改的状态。
一般来说，某个组件的状态可以是子组件的道具，道具会传递给子组件，这是在父组件的呈现方法中声明的
其他回答
你可以通过将它与Plain联系起来来更好地理解它 JS函数。
简单地说,
State是组件的本地状态，不能在组件外部访问和修改。它相当于函数中的局部变量。
普通JS函数
const DummyFunction = () => {
let name = 'Manoj';
console.log(`Hey ${name}`)
}
反应组件
class DummyComponent extends React.Component {
state = {
name: 'Manoj'
}
render() {
return <div>Hello {this.state.name}</div>;
}
另一方面，通过赋予组件以道具形式从父组件接收数据的能力，道具可以使组件可重用。它们等价于函数参数。
普通JS函数
const DummyFunction = (name) => {
console.log(`Hey ${name}`)
}
// when using the function
DummyFunction('Manoj');
DummyFunction('Ajay');
反应组件
class DummyComponent extends React.Component {
render() {
return <div>Hello {this.props.name}</div>;
}
}
// when using the component
<DummyComponent name="Manoj" />
<DummyComponent name="Ajay" />
工作人员:Manoj Singh Negi
文章链接:解释了反应状态与道具
基本上，区别在于状态类似于OOP中的属性:它是类(组件)的局部属性，用于更好地描述它。道具就像参数一样——它们从组件的调用者(父组件)传递给组件:就像你调用一个带有特定参数的函数一样。
大多数时候，你的子组件是无状态的，这意味着它们代表了它的父组件给它的数据/信息。
另一方面，状态处理的是处理组件本身，状态可以在组件内部通过setState和useState钩子改变。
例如
class Parent extends Component{
constructor(props){
super(props);
this.state = {
fruit: 'apple'
}
this.handleChange = this.handleChange.bind(this)
}
handleChange(){
this.setState({fruit: 'mango'})
}
render(){
return (
<div>
<Child fruit={this.state.fruit} />
<button onClick={this.handleChange}>Change state</button>
</div>
)
}
}
当点击按钮时，父类将其状态从apple更改为mango，并将其状态作为道具传递给子组件。现在，没有状态的子组件根据父组件的状态显示不同的标题。
class Child extends Component{
render(){
return(
<h1>I have received a prop {this.props.fruit}</h1>
)
}
}
所以在根级别上，道具是父进程与子进程的通信，而状态是描述父进程的情况等。
这是我目前对于状态与道具之间的解释的观点
State就像组件中的局部变量。你可以操纵 使用set state获取state的值。然后可以传递state的值 例如，您的子组件。 Props是位于redux存储中的值 来源于来源于减速器的状态。您的组件 应该连接到redux从道具中获取值。你也可以通过 你的props值给你的子组件
props是JavaScript对象，传递给组件，保存配置属性。 props是接收组件不可更改的 state是在Component中管理的JavaScript对象，保存它的内部状态。 更新可以触发重新渲染
