使用 create react app 在网页上看不到图像？
Image not visible on webpage using create react app?
我使用 create-react-app 创建了一个网络应用程序。一切都很顺利，但是一旦我映射图像，就会出现问题。映射的图像在网页上不可见，而是写入替代文本。我附上了它的快照。任何人都可以帮助解决这个问题，我是 React 的新手。
通常情况下，如果在 img 组件中您已经有了括号，那么您不需要在变量名称中再添加一个括号：
例如，如果您的 img 代码是
<img src={coverImage} />
然后在您的 Data.js 中，您只需要将其设为 coverImage: swim ，去掉括号。这是因为在 JavaScript 中，导入文件会为您提供一个字符串值，该值是您可以用作代码引用的路径。因此，为什么你不需要另一个括号，因为这里的 swim 将 return 类似于 swim.gibberish.png。由于 img 标签上的 src 属性已经采用字符串，因此您不需要另一对括号。关于此的更多信息 here
我使用 create-react-app 创建了一个网络应用程序。一切都很顺利，但是一旦我映射图像，就会出现问题。映射的图像在网页上不可见，而是写入替代文本。我附上了它的快照。任何人都可以帮助解决这个问题，我是 React 的新手。
通常情况下，如果在 img 组件中您已经有了括号，那么您不需要在变量名称中再添加一个括号：
例如，如果您的 img 代码是
<img src={coverImage} />
然后在您的 Data.js 中，您只需要将其设为 coverImage: swim ，去掉括号。这是因为在 JavaScript 中，导入文件会为您提供一个字符串值，该值是您可以用作代码引用的路径。因此，为什么你不需要另一个括号，因为这里的 swim 将 return 类似于 swim.gibberish.png。由于 img 标签上的 src 属性已经采用字符串，因此您不需要另一对括号。关于此的更多信息 here