ReactJS - 带有地图功能的循环不渲染视图

小牛

我知道这是一个基本问题……但我只是在学习 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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章