我一直在尝试有条件地显示组件。
外部处理:
{show && <MyComponent />}
内部处理:
const MyComponent = () => {
const [externalState] = useContext();
const [state, setState] = useState("")
// Don't render base on some state value
if(externalState === false) return null;
return <input value={state} onChange={e=>setState(e.currentTarget.value)} type="text"/>
}
我注意到在第二种方法中,当我打开和关闭组件时,状态不会重置。有没有办法解决这个问题,或者不推荐第二种方法。
慕少森
相关分类