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

编程问答 2022-06-06

问题描述

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}/>

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

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascriptreactjsreactjsrequirerequire