React中父組件對子組件的狀態變動

父組件中引入子組件button,經過ref將組件綁定到父組件上,若是是公用模塊,能夠直接綁定最外層layout層。this

<Button
      cb={() => {console.log('todo something')}}
      text='下一步'
      bgArray={['#CDCDCD', '#73B2E6', '#0677DA']}
      ref={(button) => {
          this.button = button;
      }}
></Button>

子組件中暴露外部調用方式,供外部來改變子組件狀態。代碼以下:spa

 

 只須要在父組件中調用3d

this.button.setBg(xx);

就能實現父組件傳達給子組件的狀態更改。code

相關文章
相關標籤/搜索