これをReactJSの小道具として渡します

Question

だから私は多くの機能を使用するいくつかのコンポーネントを持っていますので、時にはtodoを避けるために<Component func1={func1} func2={func2} ... />が醜いように見えます。同じ関数がコンポーネントで呼び出されたときに<Component component={this} />を呼び出します。だから、これは明らかに遅くなるはずですが、本当にどれくらいですか？これはひどいコーディングパターンですか？私は、使用された関数を使って新しいobjを作成し、代わりにそれを渡すこともできると思います。

EDIT：reactClassで getFuncs(component) { return { func1: ..., func2: ... } }

してから呼び出します：私は最善の解決策と呼ばれる関数を作成することです信じ<Component funcs={this.getFuncs(this)} />

Answer 1

const componentProps = { 
    func1: this.func1, 
    func2: this.func2 
    }; 
    <Component {...componentProps} />