Reactはかなり新しいので、これは簡単だと思いますが、これを変換しようとしています。
return values.map(value => {
if(head) return <th key={uuidv4()}> {value} </th>;
return <td key={uuidv4()}> {value} </td>
});
単一のreturnステートメントに。
基本的に、<th>
タグを<td>
。に置き換える条件付きチェック。バニラでは、テンプレート文字列を返すだけですが、これをjsxで機能させることができないようです。(このようなもの)<${head? 'th': 'td'} key=${uuidv4()}>${value}</${head? 'th': 'td'}>
近くにいるような気がしますが、明らかに文字列を返しています:: shrug ::
助けていただければ幸いです。
ありがとう
これを試して :
return values.map(value => {
const Tag = `h${head ? 'th' : 'td'}`;
return <Tag key={uuidv4()}>{value}</Tag>
});
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加