我從 api 獲取物件，我得到它并映射它并<p></p>像這樣回傳：
data.map((item) => <p> {item.p} </p> )
我的問題是：我怎樣才能給每個段落一個不同的背景顏色？
uj5u.com熱心網友回復：
您可以通過以下方式為每個元素制作不同的顏色
data.map((item) => <p style={{ backgroundColor: `#${((Math.random() * 0xfffff * 1000000).toString(16)(.slice(0,6)}` }}> {item.p} </p> )
uj5u.com熱心網友回復：
您可以有一個與每個專案關聯的顏色變數
data.map((item) => <p style={{backgroundColor: item.color}}>{item.p}</p>);
或者你可以隨機做
data.map((item, index) => <p style={{backgroundColor: `#43f${index}FC`}}>{item.p}</p>);
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/512386.html
上一篇：檢查照片鏈接