使用的反应加载软件包和工作，但无法将其居中

Question

我正在设置一个反应加载器，该反应加载器在获取API的数据时旋转。它正在工作和显示，但我无法将其集中在中间

中

我尝试给组件一个className并在CSS中访问它以更改，但无济于事。

const ImageList = ({ image, isLoaded }) => {
  if (isLoaded) {
    return (
      <ReactLoading type="spin" color="blue" />
    );
  }
  const imgs = image.map(img => (
    <img
      key={img.id}
      src={img.urls.regular}
    />
  ));
  return (
    <div>
      {' '}
      {imgs}
      {' '}
    </div>
  );
};
export default ImageList;

它的目的是在中间渲染，但不低于条，而是左右

Answer 1

我不知道组件 ReactLoading，但是如果您无法将样式应用到它上，请将其包装为DIV并将样式设置为Div包装器。

<</p>