为了账号安全,请及时绑定邮箱和手机立即绑定

将项目映射到网格上

将项目映射到网格上

呼如林 2023-01-06 11:19:32

来自 api 的数据作为一个对象出现,{"page":1, "results":[...]}因此要在您的状态下设置电影的数组,您应该按如下方式访问结果数组;



  useEffect(() => {

    axios.get("https://api.themoviedb.org/3/trending/movie/week?api_key=API_KEY")

      .then(res => {

        setMovies(res.data.results);


      }).catch(error  => 

         console.log(error)

      )

  },

    []

  );

避免发布您的 API 密钥


查看完整描述

1 回答

?
跃然一笑

TA贡献0条经验 获得超6个赞

使用一行作为主容器,className=row然后在其中添加另一个 div,className="col-4"然后在其中添加卡片

行 > Col-4 > 卡片

演示访问:https ://codepen.io/theredcap/pen/GRZoGQQ

我对 React 了解不多,但这是您使用 Bootstrap 执行此操作的方式,鉴于您正在返回 html,这应该可以工作。


查看完整回答
反对 回复 2023-01-06
  • 1 回答
  • 0 关注
  • 12 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信