React找不到图像

React cannot find image

本文关键字:图像 找不到 React      更新时间:2023-09-26

我试图显示一个图像,但尽管提供了文件夹,它还是包含在其中404s。

JSX文件:

render: function(){
...
return
<button type="button" id="powerButton" onClick={this.someFun}><img src="images/power.png"></img></button>

在server.js:中

var express = require('express');
var app = express();
app.use(express.static(__dirname + '/images'));

看起来您的应用程序是从"__dirname+'/images"提供的,因此img将从任何__ dirname+'-/images/power.png加载。您应该更改express.static路径以指向应用程序的根(在您的情况下,它可能只是__dirname,但通常像index.html这样的东西会进入公共文件夹,该文件夹中会有images目录)