reactjs - 数据记录在控制台上但未在页面上呈现

Question

我对 React 很陌生，我有以下组件：

export const dummyComponent = ({data}) => {
  const [selected, setSelected] = React.useState({})

const dataHandlers = ({ bookings, names }) => {
    console.log(bookings, names) // data logged successfully
    setSelected({bookings, names})
  }


        {data &&
          data.map(datas => (
            <ChildComponent
              key={nanoid()}
              books={data.books}
              setSelected={(bookings, names) => dataHandlers({ bookings, names })}
            />
          ))}

在子组件中我有一个副作用，我通过更改一些样式（数据切换）来操纵 DOM，所以问题是当我这样做时我setSelected({bookings, names})看不到我所做的样式更改ChildComponent但是当我删除它时我可以看到一些变化，我尝试过 React.useCallback 但实际上并没有工作，知道为什么会这样吗？

标签： reactjs