ノードへの参照を失うことなくdomノードを反応コンポーネントに変換できますか？

Question

私の子供のコンポーネントの1つが画像を表示するケースが1つあります。ソースはpropsまで完全に通過します。 しかし：私の親コンポーネントは、イメージ（またはそれに対応するイメージオブジェクト）のdomノードへの参照を必要とします。イメージを（オブジェクトとして）作成し、これを対応するコンポーネントに渡す方が簡単でしょうか？もしそうなら：どのようにDomNode/ImageObjectを反応コンポーネントとそのに変換するのですか？

これは悪い習慣であると考えられているか、あるいは可能ではないと思われます。しかし、私はそれを試してみたい。

Answer 1

あなたは機能渡すことによって、子供のrefにアクセスすることができます

class Parent extends Component { 
    render() { 
    return (
     <ChildContainingImage imageRef={ (image) => this.image = image } /> 
    ) 
    } 
} 

class ChildContainingImage extends Component { 
    render() { 
    return (
     <img ref={ this.props.imageRef } /> 
    ) 
    } 
}