0 
class List extends Component {
   <DoSomethingToList>
    {this.props.list.map(item => <Item key={item} ref={item} />}
   </DoSomethingToList>
}

class DoSomethingToList extends Component {

  componentDidUpdate(prevProps) {
     // I want to access refs here
     let refs = this.refs
     // refs === {} ------>   Why is this happening?
  }
   render() {
     <div>
       {this.props.children}
     </div>
   }  

}

ラッパー コンポーネントのライフサイクル メソッドで、子に ref としてアクセスできるようにしたいと考えています。これは、アニメーション用の domNodes の以前のインスタンスを追跡できるようにするためです。しかし、参照にアクセスするたびに、それらは空のオブジェクトとして返されます。ライフサイクルメソッドで参照にアクセスするReactフレンドリーな方法は何ですか?

4

1 に答える 1