时间戳

首页 > 解决方案 > 如何通过 require 将参数传递给材质化身

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

问题描述

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'

标签： javascriptreactjsmaterial-uirequireavatar

解决方案

我发现了一些案例，它是如何工作的，但仍然不够。

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

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

推荐阅读