Contenu connexe
Similaire à Reactのおさらい (20)
Plus de iPride Co., Ltd. (20)
Reactのおさらい
- 8. Reactでの書き方
export const OutputTag = ({list}:{list: string[]}) => {
return <>
<h1>TODO一覧:</h1>
<ul>{list.map((w,i)
=>(<li key={i}>{w}</li>))}</ul>
</>;
}
属性の定義
タグ名の定義
どのようなHTMLを返すか?
- 9. Reactでの書き方
export const OutputTag = ({list}:{list: string[]}) => {
return <>
<h1>TODO一覧:</h1>
<ul>{list.map((w,i)
=>(<li key={i}>{w}</li>))}</ul>
</>;
}
<OutputTag list={dataList}/>
使用方法
描画したもの