react常见问题

一 问题：父级获取子组件的DOM节点
react的父级

getChildrenDom(chartPunchContainer){
    this.DOM.chartPunch = chartPunchContainer;
}

父级穿函数给子级

return (
    <T_Analysis_PanelBody7
        onGetChildrenDom={this.getChildrenDom}
    </T_Analysis_PanelBody7>

react的子级

<div className="analysis-chart" id="punch" ref={(dom) => this.DOM.chartPunchContainer = dom}>
  <div className="row">
    <div className={'chart chart-pie-prims' + ' active'}></div>
    <div className={'tips ' + 'active'}>请点击[查询]按钮查看首要污染物</div>
  </div>
</div>

子级别调用父级的函数并穿回参数

const {onGetChildrenDom} = this.props;
onGetChildrenDom(this.getDomChartPunchContainer());

其中父级里面如果调用getChildrenDom这个函数必须传参，而且传参不能为空