重複するコードはmapを使用します
2769 ワード
子どものプロジェクトをしているときに繰り返しリストを書いたとき、指導者からmapを使ったほうがいいというフィードバックがありました.
ということで地図を再利用しました(!)
const descriptionList = [
{
id: 0,
title: 'Product Details',
},
{
id: 1,
title: 'Shipping & Delivery',
},
{
id: 2,
title: 'Reviews',
},
];
<ul ref={detailRef} className="descriptions row">
{descriptionList.map(({ id, title }) => {
return (
<li key={id} className={id} onClick={handleCheckedList}>
<i
className={
checkList(`${id}`) ? `fas fa-minus` : `fas fa-plus`
}
/>
{title}
</li>
);
})}
</ul>
コードを重複させないので、よりすっきり(!)みんな地図を描こうぜー!
Reference
この問題について(重複するコードはmapを使用します), 我々は、より多くの情報をここで見つけました https://velog.io/@hoje15v/반복되는-코드는-map을-활용하자テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol