属性与生俱来,不可修改
属性的用法
<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>
}
點(diǎn)擊查看更多內(nèi)容
為 TA 點(diǎn)贊
評(píng)論
評(píng)論
共同學(xué)習(xí),寫下你的評(píng)論
評(píng)論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會(huì)繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會(huì)直接到老師賬戶
支付方式
打開微信掃一掃,即可進(jìn)行掃碼打賞哦