React - JSXの波括弧{}

JSXで出てくる波括弧の意味について調べたのでメモします。

JSX内で出てくる波括弧{}は、JavaScriptの値を取得したいときに使います。

なので例えば、

<Button>
title="なみかっこ"
color="blue"
style={{ display: 'none' }}
</Button>

のstyleの値部分は、

• 内側の{}はオブジェクト
• 外側の{}はオブジェクトを展開するための波括弧

ということになります。