・src/Example.js
const animals = ["Dog", "Cat", "Rat"];
const Example = () => {
return (
<>
<ul>
{/* Not using the map function. */}
<li>{animals[0]}</li>
<li>{animals[1]}</li>
<li>{animals[2]}</li>
</ul>
</>
);
};
export default Example;
・src/Example.js
const animals = ["Dog", "Cat", "Rat"];
const Example = () => {
return (
<>
<ul>
{/* Using the map function. */}
{animals.map((animal) => (
<li> {animal}</li>
))}
</ul>
</>
);
};
export default Example;
當我們想要顯示資料列表時，常常會使用Map函數來顯示
請不要忘記將 key 屬性放在
此程式碼比上一個乾淨。
・這是控制台的警告，以防我們沒有將 key 屬性放在
・這是螢幕上的結果。
以上是React 基礎知識~映射函數/資料列表~的詳細內容。更多資訊請關注PHP中文網其他相關文章！
