如何将参数通过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" />}