将项目映射到网格上

Question

来自 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 密钥

Answer 1

使用一行作为主容器，className=row然后在其中添加另一个 div，className="col-4"然后在其中添加卡片行 > Col-4 > 卡片演示访问：https ://codepen.io/theredcap/pen/GRZoGQQ我对 React 了解不多，但这是您使用 Bootstrap 执行此操作的方式，鉴于您正在返回 html，这应该可以工作。