前端项目实战14-简单记录一下原始写法

  {/* <Sider width={195} className={styles['site-layout-background']}
                    collapsible={true} onCollapse={handleCollapse}
                >
                    <ul className={styles.leftNav}>
                        {
                            sideFuncList?.map((it, idx) => {
                                return <li className={styles.leftLi} key={idx}>
                                    <NavLink to={it.path}>
                                        {it.icon}
                                        <span hidden={collapsed} style={{ 
marginLeft: '4px' }}>{it.label}</span>
                                    </NavLink>
                                </li>
                            })
                        }
                    </ul>
                </Sider> */}

需要进行一下重构

 利用ant design组件库的不同形式而已 这种模式可以直接进行路由的切换