首頁猿問 React...

React 父組件中如何能實時獲取子組件的狀態(tài)？

React.JS

慕工程0101907 2018-11-13 12:40:17

子組件中有個狀態(tài)需要在父組件中用到，那么父組件如何能做到實時響應(yīng)？目前能想到的辦法是利用回調(diào)，能不能在父組件中直接獲取子組件的狀態(tài)？比如用 this.refs.xxx.state.xxx 這樣獲取的并不是實時的，能獲取實時的嗎？像 redux 這樣，能做到實時響應(yīng)，而不需要額外處理？

查看完整描述

1 回答

元芳怎么了

TA貢獻1798條經(jīng)驗獲得超7個贊

class Parent extends React.Component {
  render() {    return (      <div>
        <Child onChange={this.getChildState} />
      </div>
    )
  }

  /** 獲取子組件狀態(tài) */
  getChildState = (state) => {
    console.log(state);
  }
}

import PropTypes from 'prop-types';
class Child extends React.Component {
  static propsType = {
    onChange: PropTypes.func
  }
  // .....
}

反對回復(fù) 2018-11-13