require方法不适用于React中的动态内容

如何解决require方法不适用于React中的动态内容

import React from 'react';
import '../styles/animation.css';

const Animation = ({ name,gif,description,link }) => {
    return (
        <div className="block">
            <div className="naslov-link">
                <h3>{name}</h3>
                <span className="animation-link-header">
                    <a href={link} className="animation-link">Visit</a>
                </span>
            </div>  
            <img src={require(gif)} alt={name}/>
            <p>{description}</p>      
        </div>
    );
}

export default Animation;

gif是从数据库获取的图像的位置，我尝试对其进行记录并可以正常工作，但是图像 无法加载。我得到：

错误：找不到模块'../ images / placeholder.jfif'

在线：

<img src={require(gif)} alt={name}/>

也尝试过

<img src={gif} alt={name}/>

然后我没有收到错误，但无法加载图像，我得到了替代文本