在react+hooks+antdesign中，如何用后端返回的用$符号拼接的多个图片地址，去渲染Image.PreviewGroup

在React中，你可以使用Ant Design的`Image.PreviewGroup`组件来渲染多个图片地址。如果后端返回的图片地址是用$符号拼接的字符串，你可以将其拆分成一个图片地址数组，然后将该数组传递给`Image.PreviewGroup`组件。

以下是一个示例代码：

import { Image } from 'antd';

function MyComponent({ imageUrls }) {
  // 使用split方法将拼接的字符串拆分成一个图片地址数组
  const imageUrlArray = imageUrls.split('$');

  return (
    <Image.PreviewGroup>
      {imageUrlArray.map((url, index) => (
        <Image key={index} src={url} />
      ))}
    </Image.PreviewGroup>
  );
}

在上面的示例中，`imageUrls`是后端返回的用$符号拼接的多个图片地址的字符串。我们使用`split('$')`方法将其拆分成一个图片地址数组`imageUrlArray`。然后，我们使用`map`方法遍历该数组，并为每个图片地址创建一个`Image`组件，将其放在`Image.PreviewGroup`组件中进行渲染。

记得在你的组件中引入`Image`和`Image.PreviewGroup`组件：

import { Image } from 'antd';

希望能帮助到你！如有任何疑问，请随时提问。