时间戳

首页 > 解决方案 > React：如何从另一个组件更新组件

reactjs - React：如何从另一个组件更新组件

问题描述

我有一个包含两个组件的 CRUD 页面，<Create />以及<List />. 用户可以在组件中更新/删除。<List />

我无法访问新创建的值。有没有办法可以将信号从<Create />组件发送到<List />组件，以便<List />可以在后端查询新数据？

<>
  <Create onCreate={handleCreate} />
  <List onDataChange={handleDataChange} />
</>

标签： reactjs

解决方案

有几种方法可以做到这一点，但最简单的方法是将对该数据的引用放在其他两个组件的父组件中，如下所示：

function Parent() {

  const [data, setData] = React.useState([])
  
  const handleCreate = (item) => {
    setData(prevData => [...prevData, item])
  }

  return (
    <>
      <Create onCreate={handleCreate} />
      <List data={data} />
    </>
  )
}

推荐阅读