Reactableで再利用可能な関数を作成する方法

Question

これは簡単な質問であれば、とても申し訳ありません。私はたくさんのコンポーネントを持っており、それぞれのコンポーネントに対して、{b：this.constructor.displayName}のそれぞれの初期状態を指定したいと考えています（classNamesを構築するときに "b"が使用されます）。すべてのコンポーネントで "getInitialState"初期状態でbを定義するのではなく、どこにでもbを設定する再利用可能な関数を定義したいと思います。

私の初期の研究からは、ミックスインが有望だろうと思われます。しかし、ミックスインが途中で出ていることも読んでいます。これを行う最善の方法は何ですか？前もって感謝します！

Answer 1

リアクションでこれを行う現在の方法は、ミックスインではなくコンポジションを使用することです。組成物はまた、「高次成分」として知られており、このようなビットになりますされています

class Foo extends React.Component { 
    render() { 
     return <div>{ this.props.b }</div>; 
    } 
} 

const EmbedClassName = function(Child) { 
    var b = Child.constructor.displayName; 
    return (props) => <Child {...props} b={b} />; 
}; 

var ComposedFoo = EmbedClassName(Foo);