<code>this.state</code> 是组件内部产生的数据
<code>this.props</code> 是从组件外面,通过属性传入到组件中的数据
注意, <code>props</code> 是只读的,不能够直接进行修改,例如:<code>this.props.name='test'</code>,是会报错的
但如果传入的<code>props</code>属性是引用类型,<code>this.props.obj.name='test'</code>,是可以修改成功的,但不要这样做,因为:
在组件内部修改传入的引用类型,会很混乱,很难确定是谁在修改数据
就算在组件内通过this.props修改了引用类型也不会触发视图更新,因此是无意义的
标签体的内容,会作为 <code>props</code> 的 <code>children</code> 属性传入
如下
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsISPrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdsATOfd3bkFGazxCMx8VesATMfhHLlN3XnxCMwEzX0xiRGZkRGZ0Xy9GbvNGLpZTY1EmMZVDUSFTU4VFRR9Fd4VGdsYTMfVmepNHLrJXYtJXZ0F2dvwVZnFWbp1zczV2YvJHctM3cv1Ce-cmbw5iYlFzMlZmY2AzMmFjZyUmNjRzYxYWMkJGMiZjZklDMz8CX2AzLcdDMxIDMy8CXn9Gbi9CXzV2Zh1WavwVbvNmLvR3YxUjL2M3Lc9CX6MHc0RHaiojIsJye.png)