[解決済み] jsxにpropsとしてオブジェクトを渡す

質問

あるオブジェクトに複数の共通のキーと値を持つプロップがあり、それをいくつかのjsxに渡したいのです。このようなものです。

const commonProps = {myProp1: 'prop1',myProp2: 'prop2'};
<MyJsx commonProps />

これを個別のプロップスを渡すように機能させたい。

<MyJsx myProp1={commonProps.myProp1} myProp2={commonProps.myProp2}/>

これは可能か？

どのように解決するのですか？

これは可能ですか？

はい、可能です。ただし、送信方法が正しくありません。

の意味は <MyJsx commonProps /> は

<MyJsx commonProps={true} />

つまり、何も値を指定しなければ、デフォルトで true . オブジェクトを渡すには、このように書く必要があります。

const commonProps = {myProp1: 'prop1',myProp2: 'prop2'};
<MyJsx commonProps={commonProps} />

更新しました。

オブジェクトがあり、すべてのプロパティを別々のpropとして渡したい場合は、このように書きます。

<MyJsx {...commonProps} />