生成された子コンポーネントから親メソッドへのアクセスに反応します

Question

私はReactを初めて使うので、私が望むものが可能かどうかわかりません。

は、次の点を考慮コンポーネントに反応：私はタグをHTMLといくつかのケースでコンポーネントを反応させるために、BBコードを含む文字列をレンダリングするライブラリを使用しています

export default class BBCode extends Component { 
    render() { 
    return (
     <div> 
     {parser.toReact(this.props.content.content)} 
     </div> 
    ) 
    } 
} 

。これは機能{parser.toReact}によって行われています。

このコンポーネントのメソッドには、parser.toReact関数で生成されたコンポーネントを通じてアクセスしたいと考えています。

この関数に小道具を渡し、生成されたコンポーネントに適用される方法はありますか？

Answer 1

React.cloneElementで子供に余分な小道具を付けることができます。文字列の配列parse.toReactリターンを仮定や要素を反応して、あなたはそれぞれの要素のクローンを作成し、追加の小道具として、あなたのコールバックを追加することができます。

export default class BBCode extends Component { 
    render() { 
    // every React element will receive `myCustomCallback` as a prop 
    const elements = parser 
     .toReact(this.props.content.content) 
     .map(elem => React.isValidElement(elem) 
     ? React.cloneElement(elem, { 
      myCustomCallback: this.myCustomCallback 
      }) 
     : elem 
    ); 

    return (
     <div> 
     {elements} 
     </div> 
    ) 
    } 
}