在React中，要动态获取图片地址，你可以使用require引入图片或者使用fetch从服务器获取图片。下面是两种方法的示例：

1. 使用require引入图片：

这种方法适用于当你已经知道图片的地址，并且该图片在你的项目目录中。

import React from 'react';

class MyComponent extends React.Component {
 render() {
   const imagePath = './images/my-image.jpg'; // 更改为你的图片路径

   return (
     <div>
       <img src={require(`@/${imagePath}`)} alt="My Image" />
     </div>
   );
 }
}

export default MyComponent;

注意，@符号通常被配置为指向项目的src目录。

2. 使用fetch从服务器获取图片：

这种方法适用于当你动态地从一个API或其他服务器获取图片地址。

import React, { useState, useEffect } from 'react';

const MyComponent = () => {
 const [imageUrl, setImageUrl] = useState('');

 useEffect(() => {
   // 模拟从服务器获取图片地址的异步操作
   const fetchData = async () => {
     const response = await fetch('https://api.example.com/image-url');
     const data = await response.json();
     setImageUrl(data.imageUrl);
   };

   fetchData();
 }, []);

 return (
   <div>
     <img src={imageUrl} alt="My Image" />
   </div>
 );
};

export default MyComponent;

在这个例子中，我们使用useState和useEffect钩子来存储和获取图片的URL。一旦我们获取到图片的URL，我们就可以将它设置为img标签的src属性。