天天看点

React 学习笔记 —— props 属性

<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> 属性传入

如下

React 学习笔记 —— props 属性
React 学习笔记 —— props 属性