JSX - kanna

JSX

You can put any valid JavaScript expression inside the curly braces in JSX

switch は expression ではないので直接は使えない

条件によってコンポーネントを出し分けたい場合は以下のように書ける

code:example.tsx

const contents = {

1: "first",

2: "second",

}

// In JSX

{

contensid

}

JavaScript template literal は改行を見た目通りに出力できる

Prettier が printWitdh option で勝手に改行することがある

コードなら良いが、UI に関わる場合は改行したくない

コメントで ignore するには

code:example.jsx

{

/* prettier-ignore */

${object.value}改行したくないです。

}