无法显示图像，出现未找到错误，但我已经提供了它的完整路径。我不知道我哪里错了。
class App extends React.Component {
render() {
return (
<div>
<h1> hello</h1>
<img src="/home/priyanka/Finalproject/src/components/3.jpg" alt="cannot display"/>
</div>
);
}
}
export default App;
如果您正在使用webpack，你需要使用require同时提到src for img标签。另外，url 必须相对于组件。
class App extends React.Component {
render() {
return (
<div>
<h1> hello</h1>
<img src={require("./home/priyanka/Finalproject/src/components/3.jpg")} alt="cannot display"/>
</div>
);
}
}
export default App;
如果您不使用 webpack，则只需将 src 值包装在{}将工作
class App extends React.Component {
render() {
return (
<div>
<h1> hello</h1>
<img src={"./home/priyanka/Finalproject/src/components/3.jpg"} alt="cannot display"/>
</div>
);
}
}
export default App;
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
