proc và phương pháp trong phản ứng javascript là gì?

Question

Tôi đang tìm hiểu về HOC từ số article này nhưng không thấy proc và method trước đây. Những gì có đề cập đến?

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 đề cập đến phương pháp

proc(wrappedComponentInstance) { 
    wrappedComponentInstance.method() 
} 

---

wrappedComponentInstance.method() là một chỉ là một ví dụ về cách gọi một phương pháp tùy ý trên thành phần bao bọc. Bài báo cho biết:

Trong ví dụ sau chúng tôi khám phá làm thế nào để truy cập vào các phương pháp thẩm và sơ thẩm bản thân của WrappedComponent qua refs

---

Vì vậy, không có bất cứ điều gì để làm với React đặc biệt.

Answer 2

Tôi đã xem qua cùng một bài viết này và đã bị nhầm lẫn lúc đầu. Tôi đã phá vỡ nó ra thành cú pháp ES6 để làm cho mọi thứ rõ ràng hơn cho người dùng cũng bị nhầm lẫn.

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} /> 
    } 
}