Question

状态发生变化时，我的组件没有重新加载我该如何解决这个问题

import React,{useState} from 'react'
import './treeNavBar.css'
import {NavLink} from 'react-router-dom'

const TreeNavBar=(props)=>{
    const [workspaceData,changeWorkspaceData]=useState(null)
    const [reload,changeReload]=useState(false)
    let listWorkspaceData=null
    const workspace=localStorage.getItem('workspaceData')
      if(workspaceData!== workspace){
        changeWorkspaceData(workspace)
        changeReload(true)
      }
      if(workspaceData){
          listWorkspaceData=<ul  className='workspaceData ml-2'>{
          JSON.parse(workspaceData).map(data=>(
              <li key={data.id}>
                <NavLink to ={`/myworkspaceCollections/${data.id}/${data.itemCount}/${data.collectionCount}`}>
                  {data.name}
                </NavLink>
              </li>
          )
          )}</ul>
      }
    return(
        <div className='treeNavBar ml-3 '>
            <ul>
                <li><NavLink to ='/myworkspace'>My Workspaces </NavLink></li>
                {listWorkspaceData}
            </ul>
        
      )
}

export default TreeNavBar

状态发生变化时，我的组件没有重新加载我该如何解决这个问题

Answer 1

检查您的Route的路径。很难说出共享内容出了什么问题。可能是任何东西。也许您的Link和您的Route不匹配。

状态更改时我的组件没有重新加载吗

1 个答案: