Почему относительный образ пути работы в моем не отреагирует приложение?

голоса
1

Моя

У меня есть Реагировать приложение, в котором я прохожу относительный URL изображения в качестве компонента в качестве опоры ...

<TechListItem imgSrc=../assets/images/javascript.png itemName=JavaScript />

И опора подается в атрибут Src ...

const TechListItem = (props) => {
return (
    <ListGroup.Item className=listItem>
        <img className=listImage src={ props.imgSrc } alt={ props.itemName }/>
        <p className=itemName>{ props.itemName }</p>
    </ListGroup.Item>
);
}

Я проверил другие экземпляры одного и того же компонента с абсолютными путями из других источников ...

<TechListItem imgSrc=https://via.placeholder.com/75 itemName=React />

И они прекрасно работают.

Я осмотрел будущий образ в моей странице и попытался открытия адрес изображения ( HTTP: // локальный: 3000 / активы / изображения / javascript.png ) в Chrome, но ничего не показывает вверх. Когда я смотрю на вкладке сети, он говорит , что код ответа для изображения 304. Я попытался опорожнением и жесткие перезагрузки после отключения кэша от Девых инструментов. Этот получает мне ответ 200, но изображение все еще не появляется, либо на моей странице или когда я открыть изображение в новой вкладке. На самом деле не знает , куда идти отсюда.

Задан 03/12/2019 в 00:00
источник пользователем
На других языках...                            


1 ответов

голоса
2

Такой путь не существует во время выполнения, возможно, вы должны попробовать один из следующих подходов:

// import
import ImgSrc from '../assets/images/javascript.png';
<TechListItem imgSrc={ImgSrc}/>

// or require
<TechListItem imgSrc={require('../assets/images/javascript.png')}/>
Ответил 03/12/2019 в 00:05
источник пользователем

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more