開始行: * キーワード [#b6759ed7] - React - 条件分岐 (if) - 繰り返し (for) * したいこと [#d2883395] Reactで条件分岐や繰り返しをして描画したい。 * どうやって [#r497525e] 普通に条件分岐と繰り返しをする（！？）。 ** 条件分岐 [#a1e62471] const ResultLabel = ({state}) => ( <div> Result: <span> { state.showingResult ? state.resultValue : state.inputValue } </span> </div> ) ** 繰り返し [#uc873d85] const HistoryList = ({state}) => ( <div> <ul> { state.resultHistory.map(result => ( <li key={result.id}>{result.value}</... )) } </ul> </div> ) * ちなみに [#j6022032] 「{}」の中で変数や配列を置いてやれば、その変数の値や配列... 「()」でJSX要素が返却できるのはなんでかっていうと、ラムダ... なお、繰り返し中に「key」を指定しないと「ユニークなkeyを... * 参考 [#b8c13d97] - [[React.jsのJSXで条件分岐・繰り返しを記述する - Qiita>h... - [[ReactのJSXでifやforを使いたい場合 - Qiita>https://qii... - [[JSX | XML-like syntax extension to ECMAScript>https:/... 終了行: * キーワード [#b6759ed7] - React - 条件分岐 (if) - 繰り返し (for) * したいこと [#d2883395] Reactで条件分岐や繰り返しをして描画したい。 * どうやって [#r497525e] 普通に条件分岐と繰り返しをする（！？）。 ** 条件分岐 [#a1e62471] const ResultLabel = ({state}) => ( <div> Result: <span> { state.showingResult ? state.resultValue : state.inputValue } </span> </div> ) ** 繰り返し [#uc873d85] const HistoryList = ({state}) => ( <div> <ul> { state.resultHistory.map(result => ( <li key={result.id}>{result.value}</... )) } </ul> </div> ) * ちなみに [#j6022032] 「{}」の中で変数や配列を置いてやれば、その変数の値や配列... 「()」でJSX要素が返却できるのはなんでかっていうと、ラムダ... なお、繰り返し中に「key」を指定しないと「ユニークなkeyを... * 参考 [#b8c13d97] - [[React.jsのJSXで条件分岐・繰り返しを記述する - Qiita>h... - [[ReactのJSXでifやforを使いたい場合 - Qiita>https://qii... - [[JSX | XML-like syntax extension to ECMAScript>https:/... ページ名: