激活 tabbar 无法显示

[geekrainy]

当组件挂载后，若父元素此时 display: none，激活的下划线无法计算出位置及宽度，当父元素显示时若无重新渲染，则激活 tab 的下划线无法出现。

[iMuFeng]

给隐藏元素外面包一层 initialized 就行了。

const Wrap: React.FC = ({ visible = false }) => {
  const [initialized, setInitialized] = useState(visible)

  useEffect(() => {
    return () => {
      setInitialized(false)
    }
  }, [])

  useEffect(() => {
    if (visible) {
      setInitialized(true)
    }
  }, [visible])

  return <>{initialized && <div className="hideOrShow"><Tabs /></div>}</>
}

export default Wrap