React HOC - アクセスラップされたコンポーネント機能

Question

こんにちは、私は反応コンポーネントがあり、私のHOCコンポーネントで何らかの方法でそれを変換したい。 しかし、問題をheres。私はHOCのxxxという別の小道具を作りたいと思っています。この支柱は、タイプオブジェクトのものであろうと、このオブジェクトの特性の1つはそうXXX

ようwomething包ま成分から機能すべきである：{コールバック：ラップされたコンポーネントから機能する 参照}

も可能このですか？事前に

は

THX

Answer 1

あなたはWrappedComponent.prototype._myFunction（）

const doMagic= (WrappedComponent) => { 
     return class MyMagic extends React.Component { 
      render() { 
       const props = Object.assign({}, this.props , { 
        xxx: WrappedComponent.prototype._myFunction() 
       }); 

       return <WrappedComponent { ...props } /> 
      } 
     }; 
} 

class ClientsPage extends React.Component { 

     _myFunction() { 
      return "Wrapped Component Function Callback Done..!"; 
     } 

     render() { 
      return <div>Hello {this.props.xxx}</div> 
     } 
} 

export default doMagic(ClientsPage) 

あなたがあなたのユースケースを何ここで働くjsfiddle https://jsfiddle.net/12ojjddw/