如何用另一个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>
)
}