获取更新的背景

Question

如何让子组件从父级获取更新的上下文？我正在传递ReactDOM.findDOMNode（this.refs [＆＃39; something＆＃39;]）。offsetWidth我想让孩子在宽度改变时获得更新的值。

Answer 1

您需要绑定到onresize事件。类似下面的代码应该可以解决问题。

class Example extends React.Component {
  constructor(props) {
    super(props);
    this.state = {offsetWidth: this.offsetWidth()};

    window.addEventListener('resize', this.onResize.bind(this));
  }

  offsetWidth() {
    return ReactDOM.findDOMNode(this.refs['something']).offsetWidth;
  }

  onResize() {
    this.setState({offsetWidth: this.offsetWidth()});
  }

  render() {
    const {offsetWidth} = this.state;
    return (
      <Child offsetWidth={offsetWidth}/>
    );
  }
}