亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

為什么我不能在react.js中更新道具?

為什么我不能在react.js中更新道具?

當年話下 2019-11-18 10:08:03
為什么我們同時擁有state和props?為什么我們不只有一個數據源?我想更新組件的組件props,并使其重新呈現其自身及其所有子組件??雌饋砗芎唵?,但我不知道如何讓組件更新其自身或父項的道具。謝謝你的幫助。
查看完整描述

3 回答

?
弒天下

TA貢獻1818條經驗 獲得超8個贊

React的哲學是道具應該是不變的并且自上而下的。這意味著父母可以將喜歡的任何道具值發送給孩子,但是孩子不能修改自己的道具。您要做的是對傳入的道具做出反應,然后根據需要修改孩子的狀態。

因此,您永遠不會更新自己的道具或父母的道具。曾經 您只能更新自己的狀態,并對父母給您的prop值做出反應。

如果您想讓某個子動作發生,而該子動作會修改狀態中的某些內容,那么您要做的就是將回調傳遞給該子動作,該子動作可以在給定的動作上執行。然后,此回調可以修改父級的狀態,從而可以在重新渲染時向子級發送不同的道具。


查看完整回答
反對 回復 2019-11-18
?
慕的地10843

TA貢獻1785條經驗 獲得超8個贊

組件本身會更改其狀態,并且不會更改其自身,而是會更改兒童的道具。


<Parent>

  <Child name={ this.state.childName } />

</Parent>

父母可以更改自己的狀態并更改孩子的名字,但這會更改其孩子的道具。


edit1:要從子級向父級調用事件,您應該向子級傳遞一個事件處理程序,如下所示:


var Child = React.createClass({

  render: function() {

    return (<button onClick={ this.props.onClick }>Hey</button>);

  }

});


var Parent = React.createClass({

  onChildClick: console.log.bind(console), // will print the event..

  render: function() {

    return (<Child onClick={ this.onChildClick } />);

  }

});


React.renderComponent(<Parent />, document.body);

在此代碼中,當您單擊“子級”按鈕時,它將把事件傳遞給其父級。傳遞事件的目的是使組件分離。也許在您的應用程序中您需要執行此特定操作,但是在另一個應用程序中,您將有不同的用法。

查看完整回答
反對 回復 2019-11-18
  • 3 回答
  • 0 關注
  • 625 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號