Image 反应，将映像从此.state传递到组件

嘿， 因为我是英语初学者。我在显示从状态传递到组件的图像时遇到问题

App.js

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

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

---

标题显示时没有任何问题，但图像未显示。我需要用另一种方式绑定它吗？

你的状态是像你在问题中给出的那样，还是那样

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

使用代码至少可以看到图像的路径。但是，如果你想看到你需要使用的图像

---

首先，国家必须这样写：

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

现在，work.js将包含以下代码：

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

---

嘿，博卡扎·阿布·卡卡·科德·科姆波南托，博兹·特戈·扎·维勒·尼维尼卡

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

<div>
    {this.state.projects.map((item, index) => {
        return (
            <div key={index}>
                <p>{item.title}</p>
                <img src={item.image} />
            </div>
        )})
    }
</div>