【问题标题】:How pass arguments via require to material avatar如何通过 require 将参数传递给材质化身
【发布时间】:2025-12-02 02:00:02
【问题描述】:
import Avatar from '@material-ui/core/Avatar';

此代码有效:

<Avatar alt="user 4" src={require('Assets/img/user-1.jpg')} className="size-80 rounded-circle border-info rct-notify" />

但我需要传递变量,这段代码不起作用:

{line.icon != null && <Avatar alt="user 3" src={require(line.icon)} className="size-80 rounded-circle border-warning rct-notify" />}

错误:

Uncaught Error: Cannot find module 'Assets/img/user-3.jpg'

【问题讨论】:

    标签: javascript reactjs material-ui require avatar


    【解决方案1】:

    我发现了一些案例,但仍然不够。

    只有在 require 我们从一些文本开始并且在此之后我们可以使用变量时,此代码才有效。

    {line.icon != null && <Avatar alt="user 3" src={require(`Assets/img/${line.icon}`)} className="size-80 rounded-circle border-warning rct-notify" />}
    

    【讨论】: