wiki集成独立路由功能

src/forge/Wiki/Index.jsx

@@ -20,7 +20,7 @@ export default (props) => {
 
   let projectsId = match.params.projectsId;
   let owner = match.params.owner;
-
+  let wikiName = match.params.wikiName;
   const [fileArrInit, setFileArrInit] = useState(null);
   const [checkItem, setCheckItem] = useState({});
   const [itemDetail, setItemDetail] = useState({});
@@ -41,7 +41,12 @@ export default (props) => {
         setFileArr(res.data);
         setFileArrInit(res.data);
         if (res.data.length) {
-          setCheckItem(res.data[0]);
+          if (wikiName) {
+            let activeItem = res.data.filter(item => { return item.name == wikiName })[0] || res.data[0];
+            setCheckItem(activeItem)
+          } else {
+            setCheckItem(res.data[0]);
+          }
         };
       } else {
         setFileArr([]);
@@ -192,6 +197,11 @@ export default (props) => {
     },
   };
 
+  function changeItem(item){
+    history.push(`/${owner}/${projectsId}/wiki/${item.name}`)
+    setCheckItem(item);
+  }
+
   return (
     < Spin spinning={!fileArrInit} className="opacitySpin">
       {fileArrInit && fileArrInit.length ?
@@ -235,7 +245,7 @@ export default (props) => {
                 {
                   fileArr.map(item => {
                     return <div className="wiki-nav-title-parent" key={item.name}>
-                      <div className={`wiki-nav-title ${item.name === checkItem.name ? 'active' : ''}`}  onClick={() => { setCheckItem(item) }}>
+                      <div className={`wiki-nav-title ${item.name === checkItem.name ? 'active' : ''}`} onClick={() => { changeItem(item) }}>
                         <div className="nav-title-left">
                           <i className="iconfont icon-wenjianjia2 mr3"></i>
                           <span className="nav-title-left-text">{item.name}</span>