我知道这是一个基本问题……但我只是在学习 React,对 Javascript 也不太熟悉。
应用程序.js
return (
<div >
<h1>My Weather dashboard</h1>
<div className="container">
{weatherCards.map((obj, index) => {
<Card {...obj}/>
})}
</div>
</div>
)
卡.js
const Card = ( props ) => {
return (
<div className="card">
<img src={props.iconLink}/>
<div className="caption">{props.iconName}</div>
<h3>Day: {props.day}</h3>
<h3>time: {props.time}</h3>
<h3>temperature: {props.temperature}</h3>
</div>
)
}
export default Card
地图似乎没有显示任何内容。
看起来你忘记了 map 方法中的 return
<div className="container">
{weatherCards.map((obj, index) => {
return <Card {...obj}/>
})}
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句