Javascript React-加载图像时出现状态错误

在尝试显示图像时，我在React中遇到了一个奇怪的问题。导致此问题的代码是一个

标记。但是，尽管出现错误消息，图像仍会显示

错误消息如下所示：

这是组件代码：

从“React”导入React；
从“react dom”导入react dom
需要（'../img/logo.svg'）；
导出默认类App扩展React.Component{
建造师（道具）{
超级（道具）；
}
render（）{
返回(
)
}
ReactDOM.render（，document.getElementById（'app'）；

飞马座

正如Martin在评论中所建议的，有很多事情需要第3行的require语句吗

首先，您的

类

上也缺少一个右括号。其次，您需要导入或

需要

图像

import React from 'react';
import ReactDOM from 'react-dom';
import logo from './assets/logo.svg';

class App extends React.Component {
  constructor(props) {
    super(props);
  }
  render() {
    return (
      <div className="app-wrapper">
        <img src={logo} />
        {/* OR <img src={require('./assets/logo.svg')} /> */}
      </div>
    );
  }
}

---

正如Martin在评论中所建议的，有很多事情需要第3行的require语句吗

首先，您的

类

上也缺少一个右括号。其次，您需要导入或

需要

图像

import React from 'react';
import ReactDOM from 'react-dom';
import logo from './assets/logo.svg';

class App extends React.Component {
  constructor(props) {
    super(props);
  }
  render() {
    return (
      <div className="app-wrapper">
        <img src={logo} />
        {/* OR <img src={require('./assets/logo.svg')} /> */}
      </div>
    );
  }
}

---

你需要这一行吗？

require（'../img/logo.svg'）；

谢谢…在本例中不需要它。它只是从加载图像的不同方法中遗留下来的。你需要这一行吗？

require（'../img/logo.svg'）；

谢谢…在本例中不需要它。它只是从加载图像的不同方法中遗留下来的