W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
對于 父-子 通信,直接 pass props.
對于 子-父 通信: 例如: GroceryList
組件有一些通過數(shù)組生成的子節(jié)點。當這些節(jié)點被點擊的時候,你想要展示這個節(jié)點的名字:
var GroceryList = React.createClass({ handleClick: function(i) { console.log('You clicked: ' + this.props.items[i]); }, render: function() { return ( <div> {this.props.items.map(function(item, i) { return ( <div onClick={this.handleClick.bind(this, i)} key={i}>{item}</div> ); }, this)} </div> ); } }); React.render( <GroceryList items={['Apple', 'Banana', 'Cranberry']} />, mountNode );
注意 bind(this, arg1, arg2, ...)
的使用: 我們通過它向 handleClick
傳遞參數(shù)。 這不是 React 的新概念,而是 JavaScript 的。
對于沒有 父-子 關(guān)系的組件間的通信,你可以設(shè)置你自己的全局時間系統(tǒng)。 在 componentDidMount()
里訂閱事件,在componentWillUnmount()
里退訂,然后在事件回調(diào)里調(diào)用 setState()
。
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: