Question

我的图片组件似乎没有实际放入图片，URL是正确的，因为我可以通过将HTML物理添加到页面中来添加它。该组件似乎失败了。我试过我在http://facebook.github.io/react/docs/jsx-in-depth.html#attribute-expressions找到的东西但它没有帮助。

export default class mainLogo extends React.Component {
  render() {
    return (
      <div>
        <img src = {'/src/app/assets/images/home/mainLogo.png'}/>
      </div>
    );
  }
}

Answer 1

类名应该以大写字母（MainLogo）开头，你不应该在src上使用{}，因为你将img url直接发送到src。它不是变量或状态。

这应该有效：

export default class MainLogo extends React.Component {
  render() {
    return (
      <div>
        <img src='/src/app/assets/images/home/mainLogo.png' />
      </div>
    );
  }
}

反应组件图像问题

1 个答案: