feat:左侧树信息持久化

src/components/ItemTree/index.jsx

@@ -5,6 +5,7 @@ import "./index.less"
 const {Search} = Input;
 import {store} from "../../redux/store";
 import {clickFile} from "../../redux/clickFile_reducer";
+import {useSelector} from "react-redux";
 
 const defaultData = [];
 // 将树平铺用于查找
@@ -58,16 +59,12 @@ function generateChildList(fileList) {
 const ItemTree = () => {
     const [expandedKeys, setExpandedKeys] = useState([]);
     const [searchValue, setSearchValue] = useState('');
-    const [defaultValueState, setDefaultValueState] = useState([]);
+
     const [autoExpandParent, setAutoExpandParent] = useState(true);
 
-    useEffect(() => {
+    const defaultValueStateSet = [];
-        let unsubscribe = store.subscribe(() => {
+    let fileDirDate = useSelector(state => state.dirMessage.data);
-            let fileDirDate = store.getState().dirMessage.data;
+    if (fileDirDate.length>0){
-            if (fileDirDate.length===0){
-                return
-            }
-            console.log("打开目录1fileDirDate:", fileDirDate)
         for (let i = 0; i < fileDirDate.length; i++) {
             const node = fileDirDate[i];
             console.log("node:", node)
@@ -76,9 +73,7 @@ const ItemTree = () => {
             if (childList.length > 0) {
                 childListM.push(...generateChildList(childList));
             }
-                if (defaultData.filter(fileMessage =>
+            if (defaultData.filter(fileMessage => fileMessage.key === filePath).length === 0) {
-                    fileMessage.key === filePath
-                ).length === 0) {
                 defaultData.push({
                     "key": filePath,
                     "title": fileName,
@@ -89,10 +84,9 @@ const ItemTree = () => {
             }
         }
         console.log("Array.from(new Set(defaultData)):", Array.from(new Set(defaultData)))
-            setDefaultValueState(Array.from(new Set(defaultData)))
+        defaultValueStateSet.push(...Array.from(new Set(defaultData)))
-        })
+    }
-        return ()=>unsubscribe()
+    const [defaultValueState, setDefaultValueState] = useState(defaultValueStateSet);
-    }, [])
 
     const onExpand = (newExpandedKeys) => {
         setExpandedKeys(newExpandedKeys);

src/redux/clickFile_reducer.js

@@ -7,6 +7,7 @@ export const clickFileSlice = createSlice({
         data: {}
     },
     reducers: {
+        // 点击文件添加item，设置单前文件
         clickFile: (state, action) => {
             console.log("clickFileSlice:clickFile", state, action)
             state.data=action.payload