React 中组件之间传递信息

Question

我目前正在尝试制作一个书店应用程序，但我陷入困境。如何将

book._id

作为 prop 传递给

EditBooks

组件？

{
   (edit && <EditBook editBook={editBook}></EditBook>)
}

{
  books.map((book) => {

    return <div key={book._id}>
      <AiOutlineEdit onClick={(e) => {
        editBook();
      }}></AiOutlineEdit>
    </div>
  }
}

我的

editBook

函数显示要由用户填写的表单。由于这是一个 PUT 请求，我需要将 id 传递给

EditBook

组件。

当点击React图标

book._id

时，如何将数据库中存在的每本书的

AiOutlineEdit

传递给组件

EditBooks

？

Answer 1

如果您想将数据从一个组件传递到其他组件，您应该使用如下代码：

  const test=10;
  <Component1 key={key} data={test} />

在组件 1 中：

   function Component1(props){
     return (
       <div>to show your data:{props.data}</div>
    )
    }