关于让Bar保持相同的状态

因为公司封装的组件返回直接用的是 history.goback()

所以这里选择采用localStorage来实现这样的功能。

	if (item.substring(0, 1) === '0') {
      localStorage.clear();
    } else {
      localStorage.setItem('markType', '1');
      localStorage.setItem('bmcxIndex', item.substring(0, 6));
      localStorage.setItem('indexLeft', index.toString());
    }

在更改的函数里添加缓存，当点击到第一个bar的时候清除所有缓存。

然后在useEffect()里

	const markValue = localStorage.getItem('markType');
    if () {
      let temp: string[] = [];
      // 执行某些动作
      if (markValue !== null) {
        // 走localStorage
        const bmcxIndex = localStorage.getItem('bmcxIndex');
        const index = localStorage.getItem('indexLeft');
        if (bmcxIndex !== null && index !== null) {
         
        }
      } else {
    
      }

通过判断标记值是否存在来走不同逻辑，实现功能。

标签：状态,bmcxIndex,const,相同,index,setItem,localStorage,Bar,null
来源： https://www.cnblogs.com/dawnHouse/p/15439139.html