如何用另一個 React 組件替換一個 React 組件？

Question

我有這樣的東西

<Box>
   <SomethingA>
</Box

我想將Box.SomethingA替換為Box.SomethingB

<Box>
   <SomethingB>
</Box>

我該怎么做？

Answer 1

我猜你想在事件發生后替換它，例如： button click 。 你可以試試這個：

function App(){
  const [box, changeBox] = useState(true)

  return(
    <div>
      <button onClick={()=>{changeBox(!box)}} >Click</button>
      <Box>
        { box ? <SomethingA/> : <SomethingB/>}
      </Box>
    </div>
  )
}