Я пытаюсь отобразить аватар в модальном окне, У меня есть URL-адрес аватара в моем состоянии:
this.state.example.fields.assignee.avatarUrls.48x48
<div>
<img src='this.state.example.fields.assignee.avatarUrls.48x48'></img>
</div>
Изображение не появляется, я пробовал с {{}}, ``, ...
48x48.png - имя файла или свойства?
Вопрос не прояснен. Попробуйте привести примерный пример. Кстати, поделитесь своим this.state
@ Евгений Тимошенко, вот в чем проблема! 48х48 это свойство!
@RitwickDey, в моем штате много другой информации, и я старался сделать ее как можно проще! Soo на моем состоянии this.state.example.fields.assignee.avatarUrls.48x48 у меня есть эта ссылка https://www.shareicon.net/data/48x48/2015/09/18/103157_man_512x512.png





Вы должны правильно передать значение src и правильно получить доступ к полю 48x48:
<img src = {this.state.example.fields.assignee.avatarUrls['48x48']} />
Вот действительно простой пример показа изображения:
class Image extends React.Component {
constructor(props) {
super(props)
this.state = {
imageURL: {
'48x48': 'https://images.pexels.com/photos/735811/pexels-photo-735811.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'
}
}
}
render() {
return <img src = {this.state.imageURL['48x48']} width='500' />
}
}
ReactDOM.render(
<Image />,
document.getElementById('container')
);<script src = "https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<div id = "container">
<!-- This element's contents will be replaced with your component. -->
</div>
не должно быть
<img src = {this.state.example.fields.assignee.avatarUrls.48x48.png}>?