使用过的React-loading包可以工作但无法居中

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包装器。