将项目映射到网格上

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，这应该可以工作。