react js学习手记：属性与状态

属性与生俱来，不可修改
属性的用法
<HelloWorldName=?/>
"Tim" {123} {"Tim"} {[2,3,4]}通过传入的数量生成多个组件 {variable}变量
var props={one:"123",two:321}
<HelloWorld {...props}/> 展开语法 ... 三个点 会自动把属性赋值

状态
setState 更新状态，组件会用diff算法，会判断页面的区别，找出区别进行更新

状态和自身相关 组件不能修改属性

示例代码：

constructor(props) {
        super(props);
        this.state = {name: "张小张",name1:"3333",name2:"2332"};
        this.handleChange = this.handleChange.bind(this)
    }

<TestM {...this.state}></TestM>

render(){
        console.log("render 4");

        return <p>Hello,{this.props.name+" 测试name1 "+this.props.name1}</p>
    }