3 回答
TA貢獻1875條經驗 獲得超5個贊
你能這樣試試嗎
{Skills.map((item, index) =>
<Window key={index} className="col-md-3 m-2 ">
<CardFrame className="cardFrame-max cardFrame-size-md">
<div className="row justify-items-center">
<div className="col-8 offset-2">
<p className="battle-shonen-color">{"Skill Name: " + item.name}</p>
<img src={require(`../../${item.effects[0].icon}`)}></img>
<p className="battle-shonen-color">{"Skill Shortcode: " + item.shortcode}</p>
<p className="battle-shonen-color">{"Skill Description: " + item.quote}</p>
</div>
</div>
</CardFrame>
</Window>
)}
Run code snippet
TA貢獻1876條經驗 獲得超7個贊
在您的項目文件中導入您的圖像。例如:
import ImageName from '../../whatever.jpg';
并在您的項目數組中使用它。
[
{
icon: ImageName
}
]
添加回答
舉報
