import ‘https://www.cnblogs.com/zsbb/p/App.css’ import { BrowserRouter as Router, NavLink, Route, Routes } from ‘react-router-dom’ import February from ‘https://www.cnblogs.com/zsbb/p/component/february’ import March from ‘https://www.cnblogs.com/zsbb/p/component/march’ import Times from ‘https://www.cnblogs.com/zsbb/p/component/february/index2’ import Btn from ‘https://www.cnblogs.com/zsbb/p/component/february/index’ import Input from ‘https://www.cnblogs.com/zsbb/p/component/february/index3’ import Paging from ‘https://www.cnblogs.com/zsbb/p/component/february/index4’ import Model from ‘https://www.cnblogs.com/zsbb/p/component/march/march1’ import Change from ‘https://www.cnblogs.com/zsbb/p/component/march/march2’ import { Sloting } from ‘https://www.cnblogs.com/zsbb/p/component/march/march3’ import { Stateful } from ‘https://www.cnblogs.com/zsbb/p/component/march/march4’ import { StatefulWork } from ‘https://www.cnblogs.com/zsbb/p/component/march/march5’ import WordSix from ‘https://www.cnblogs.com/zsbb/p/component/march/march6’ import Product from ‘https://www.cnblogs.com/zsbb/p/component/march/march7’ import Button from ‘https://www.cnblogs.com/zsbb/p/component/march/march8’ import Effect from ‘https://www.cnblogs.com/zsbb/p/component/march/march9’ import Hooks from ‘https://www.cnblogs.com/zsbb/p/component/march/march10’ import Context from ‘https://www.cnblogs.com/zsbb/p/component/march/march11’ import VModel from ‘https://www.cnblogs.com/zsbb/p/component/february/index5’ import { Reducer } from ‘https://www.cnblogs.com/zsbb/p/component/march/march12’ import { Want } from ‘https://www.cnblogs.com/zsbb/p/component/february/index6’
讯享网 function App() { return ( 
讯享网</span>&lt;Router&gt; &lt;NavLink className={({ isActive }) =&gt; isActive ? <span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">active</span><span style="color: rgba(128, 0, 0, 1)">'</span> : <span style="color: rgba(128, 0, 0, 1)">''</span>} to=<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">/february</span><span style="color: rgba(128, 0, 0, 1)">"</span>&gt;<span style="color: rgba(128, 0, 128, 1)">2023</span>-<span style="color: rgba(128, 0, 128, 1)">02</span>-<span style="color: rgba(128, 0, 128, 1)">28</span>&lt;/NavLink&gt; &lt;NavLink className={({ isActive }) =&gt; isActive ? <span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">active</span><span style="color: rgba(128, 0, 0, 1)">'</span> : <span style="color: rgba(128, 0, 0, 1)">''</span>} to=<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">/march</span><span style="color: rgba(128, 0, 0, 1)">"</span>&gt;<span style="color: rgba(128, 0, 128, 1)">2023</span>-<span style="color: rgba(128, 0, 128, 1)">03</span>-<span style="color: rgba(128, 0, 128, 1)">01</span>&lt;/NavLink&gt; &lt;Routes&gt; &lt;Route path=<span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">/</span><span style="color: rgba(128, 0, 0, 1)">'</span> element=<span style="color: rgba(128, 0, 0, 1)">''</span>&gt;&lt;/Route&gt; &lt;Route path=<span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">february</span><span style="color: rgba(128, 0, 0, 1)">'</span> element={&lt;February /&gt;}&gt;<span style="color: rgba(0, 0, 0, 1)"> {</span><span style="color: rgba(0, 128, 0, 1)">/*</span><span style="color: rgba(0, 128, 0, 1)"> index 默认显示 </span><span style="color: rgba(0, 128, 0, 1)">*/</span><span style="color: rgba(0, 0, 0, 1)">} {</span><span style="color: rgba(0, 128, 0, 1)">/*</span><span style="color: rgba(0, 128, 0, 1)"> &lt;Route index element={&lt;Times /&gt;} /&gt; </span><span style="color: rgba(0, 128, 0, 1)">*/</span><span style="color: rgba(0, 0, 0, 1)">} </span>&lt;Route path=<span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">times</span><span style="color: rgba(128, 0, 0, 1)">'</span> element={&lt;Times /&gt;} /&gt; &lt;Route path=<span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">btn</span><span style="color: rgba(128, 0, 0, 1)">'</span> element={&lt;Btn /&gt;} /&gt; &lt;Route path=<span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">input</span><span style="color: rgba(128, 0, 0, 1)">'</span> element={&lt;Input /&gt;} /&gt; &lt;Route path=<span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">paging</span><span style="color: rgba(128, 0, 0, 1)">'</span> element={&lt;Paging /&gt;} /&gt; &lt;Route path=<span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">vmodel</span><span style="color: rgba(128, 0, 0, 1)">'</span> element={&lt;VModel /&gt;} /&gt; &lt;Route path=<span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">text</span><span style="color: rgba(128, 0, 0, 1)">'</span> element={&lt;Want /&gt;} /&gt; &lt;/Route&gt; &lt;Route path=<span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">march</span><span style="color: rgba(128, 0, 0, 1)">'</span> element={&lt;March /&gt;}&gt; &lt;Route path=<span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">model</span><span style="color: rgba(128, 0, 0, 1)">'</span> element={&lt;Model /&gt;}&gt;&lt;/Route&gt; &lt;Route path=<span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">change</span><span style="color: rgba(128, 0, 0, 1)">'</span> element={&lt;Change /&gt;}&gt;&lt;/Route&gt; &lt;Route path=<span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">slot</span><span style="color: rgba(128, 0, 0, 1)">'</span> element={&lt;Sloting /&gt;}&gt;&lt;/Route&gt; &lt;Route path=<span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">stateful</span><span style="color: rgba(128, 0, 0, 1)">'</span> element={&lt;Stateful /&gt;}&gt;&lt;/Route&gt; &lt;Route path=<span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">statefulWork</span><span style="color: rgba(128, 0, 0, 1)">'</span> element={&lt;StatefulWork /&gt;}&gt;&lt;/Route&gt; &lt;Route path=<span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">work</span><span style="color: rgba(128, 0, 0, 1)">'</span> element={&lt;WordSix /&gt;}&gt;&lt;/Route&gt; &lt;Route path=<span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">product</span><span style="color: rgba(128, 0, 0, 1)">'</span> element={&lt;Product /&gt;}&gt;&lt;/Route&gt; &lt;Route path=<span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">btn</span><span style="color: rgba(128, 0, 0, 1)">'</span> element={&lt;Button /&gt;}&gt;&lt;/Route&gt; &lt;Route path=<span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">effect</span><span style="color: rgba(128, 0, 0, 1)">'</span> element={&lt;Effect /&gt;}&gt;&lt;/Route&gt; &lt;Route path=<span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">hooks</span><span style="color: rgba(128, 0, 0, 1)">'</span> element={&lt;Hooks /&gt;}&gt;&lt;/Route&gt; &lt;Route path=<span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">context</span><span style="color: rgba(128, 0, 0, 1)">'</span> element={&lt;Context /&gt;}&gt;&lt;/Route&gt; &lt;Route path=<span style="color: rgba(128, 0, 0, 1)">'</span><span style="color: rgba(128, 0, 0, 1)">reducer</span><span style="color: rgba(128, 0, 0, 1)">'</span> element={&lt;Reducer /&gt;}&gt;&lt;/Route&gt; &lt;/Route&gt;<span style="color: rgba(0, 0, 0, 1)"> {</span><span style="color: rgba(0, 128, 0, 1)">/*</span><span style="color: rgba(0, 128, 0, 1)"> Navigate重定向 </span><span style="color: rgba(0, 128, 0, 1)">*/</span><span style="color: rgba(0, 0, 0, 1)">} {</span><span style="color: rgba(0, 128, 0, 1)">/*</span><span style="color: rgba(0, 128, 0, 1)"> to相当于push，有历史记录，可以后退 </span><span style="color: rgba(0, 128, 0, 1)">*/</span><span style="color: rgba(0, 0, 0, 1)">} {</span><span style="color: rgba(0, 128, 0, 1)">/*</span><span style="color: rgba(0, 128, 0, 1)"> replace没有历史记录 </span><span style="color: rgba(0, 128, 0, 1)">*/</span><span style="color: rgba(0, 0, 0, 1)">} {</span><span style="color: rgba(0, 128, 0, 1)">/*</span><span style="color: rgba(0, 128, 0, 1)"> &lt;Route path='/march' element={&lt;Navigate to='/home' /&gt;}&gt;&lt;/Route&gt; </span><span style="color: rgba(0, 128, 0, 1)">*/</span><span style="color: rgba(0, 0, 0, 1)">} </span>&lt;/Routes&gt; &lt;/Router&gt;<span style="color: rgba(0, 0, 0, 1)"> 
 ) } export default App