Реагируйте, передавая изображение из this.state компоненту - PullRequest
Новая
       24

Реагируйте, передавая изображение из this.state компоненту

0 голосов
/ 03 июня 2018

Эй, я новичок в React.У меня проблема с отображением моего изображения, переданного из состояния в компонент.

App.js 

this.state = {
    projects: [
    title: 'xxx',
    image: require(../src/img/landscape.jpg)
    ]
}

<Works projects={this.state.projects}/>

Work.jsx 

{this.props.project.title}
{this.props.project.image}

Заголовок отображается без проблемно изображение не появляется.Нужно ли связывать это по-другому ???

1 Ответ

0 голосов
/ 03 июня 2018

Является ли ваше состояние таким, которое вы задали в своем вопросе, или это так? 

state = {
    projects: [
      {
        title: "xxx",
        image: require( "../src/img/landscape.jpg" ),
      },
    ],
  }

По крайней мере, с вашим кодом вы должны увидеть путь к изображению.Но, если вы хотите увидеть изображение, вам нужно использовать <img>. 

<div>
    {
      props.projects.map( project => (
        <div>
          <p>{project.title}</p>
          <img src={project.image} />
        </div>
      ) )
    }
</div>
...