将本地图像添加到react / redux reducer中

Question

这是我的第一个堆栈溢出问题。

目前我正在尝试将img文件夹中的本地图像添加到我的reducer中。

有没有办法将本地图像添加到react / redux reducer或者我必须在线上传它们作为缩略图并从那里链接它们？

请让我知道并谢谢你。

Answer 1

如果您从npm使用命令行{ "rules": { ".read": "auth != null", ".write": "auth != null" } } ，则只需在代码中导入图像即可。如果您不知道我在说什么，可以使用create-react-app制作您的应用

Answer 2

将图片放入src - 文件夹中。示例img01.png并使用如下。

＆＃13;

＆＃13;

import IMG from './image/img01.png';

＆＃13;

＆＃13;

＆＃13;

然后您可以将其用作：

＆＃13;

＆＃13;

<img src={IMG} alt="img />

＆＃13;

＆＃13;

＆＃13;

如果您正在谈论减速机调度，您将发送类似＆＃34; ./ image / img01.png＆＃34;的字符串。并根据组件需要进行导入。