React组件图像问题

2016-02-05 114 views 0 likes

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

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

来源

2016-02-05 joseph.allen

你为什么不把src网址像往常一样的属性，就像这样： –

这是多么我以前做过，并没有呈现。只是给了 '' –

我已经解决了它现在实际上，在另一个文件，我导入我没有'进口mainLogo从'../Components/mainLogo.js ';'和React组件需要以Capital开头。我如何关闭它？ –

回答

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

这应该工作：

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

来源

2016-02-05 18:49:08 KadoBOT

React组件图像问题

回答

相关问题