背景
コンポーネントの Props で条件が合致した際に object を追加したいケースで必要になった。
方法
const obj = {
...(condition && { key: "value" }),
};
conditionがtrueであれば、{ key: 'value' }が追加されるconditionがfalseであれば、何も追加されない
ユースケース
a要素に条件によってtarget="_blank"を付け外しをすることがあり、下記のような記述をした。
<a href="#" {...(isExternal && { target: "_blank" })}>
Link
</a>