如何通过 require 将参数传递给材质化身

Question

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'

Answer 1

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

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

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