反応javascriptのprocとメソッドは何ですか？

Question

私はこのarticleからHOCについて学んでいますが、前にprocとmethodを見ていません。それらは何を参照していますか？

function refsHOC(WrappedComponent) { 
    return class RefsHOC extends React.Component { 
    proc(wrappedComponentInstance) { 
     wrappedComponentInstance.method() 
    } 

    render() { 
     const props = Object.assign({}, this.props, {ref: this.proc.bind(this)}) 
     return <WrappedComponent {...this.props}/> 
    } 
    } 
} 

Answer 1

this.proc

proc(wrappedComponentInstance) { 
    wrappedComponentInstance.method() 
} 

---

wrappedComponentInstance.method()方法を指す包まコンポーネント上の任意のメソッドをコールする方法の一例です。我々はレフリーので

---

を経由して、インスタンスメソッドにアクセスする方法を模索してWrappedComponentのインスタンス自体次の例では

を、どちらも行うには何があります。記事は述べていません特に反応と

Answer 2

私はこの同じ記事に出会い、最初は混乱しました。私はそれを混乱させているユーザーのために明確にするためにES6構文に分解しました。

export default WrappedComponent => 
    class extends Component { 

    //Proc function that gets called 
    proc = wrappedComponentInstance => { 
     wrappedComponentInstance.method() 
    } 

    render() { 
     const props = { ...this.props, ...{ ref: this.proc } } 
     return <WrappedComponent {...props} /> 
    } 
}