属性的含义和用法:
props即properties,一个事物的性质和关系
属性无法由自己修改,通常由父组件修改
第一种用法:
<HelloWorld name=property ></HelloWorld>
property 可以为 “123” {123} {“123”} {[1,2,3]} {variable}
第二种用法(将对象的属性展开)
var properties={
name:"name",
age:"age"
}
<HelloWorld {...properties}></HelloWorld>
第三种用法
var instance=React.render(......);
instance.setProps({name:"name"});
状态的含义和用法:
指事物所处的状况
状态是由事物自行处理,不断变化的
用法:getInitialState :初始化每个实例特有的状态
setState:更新组件的状态
属性状态的对比
相同点:
都是纯JS对象
都会触发render更新
都具有确定性
属性可以由父组件设置默认值,可以被父组件修改,可以自己设置默认值,但不可以修改,
可以设置子组件的默认值,可以修改子组件的默认值
状态不能被父组件设置默认值,不能被父组件修改,只能被自己设置默认值,只能被自己修改,
不能设置子组件的默认值,不能修改子组件的状态
组件在运行时修改的数据就是状态