react 弹窗组件状态缓存

最近遇到一个问题，点击弹出一个分类筛选，选择完成后关闭弹窗后再次打开就之前的状态都没有了
写法如下

{show && (
	<Category
      categoryList={categoryList}
      getList={getList}
      setShow={setShow}
    />
   )
 }

网上找了很多方案都不是很满意，我想要最少的代码实现这个功能，于是我用到了div的显示隐藏，这个代码量最少也不需要做什么操作，具体代码如下

 <div style={{ display: show ? "" : "none" }}>
  	<Category
      categoryList={categoryList}
      getList={getList}
      setShow={setShow}
    />
  </div>