React Component Image Issue

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), и вы не должны использовать {} на СРК, потому что вы отправляете Img URL непосредственно в ГКЗ. Это не переменная или состояние.

Это должно работать:

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