这样做会创建一个状态，该状态最初为false，并且您调用的组件通过可选链接使其成为条件，单击按钮会将状态更改为true，以便呈现该组件
像这样的东西

import React,{useState} from 'react'

const abc = () => {
    const [isrendered,setisrendered]=useState(false);
  return (
    <div>abc</div>
    <input type="button" onClick={()=>{setisrendered(true)}} />click this to show component
    {isrendered&&<Thecomponent/>}
  )
}

export default abc