共计 1157 个字符，预计需要花费 3 分钟才能阅读完成。
夏天好热啊～本文章举荐凋谢空调浏览😊👉便携式迷你小空调
因为采纳了黑科技，手机听筒放在脸庞能够有大风吹过，电脑端临时没有实现，后续会持续优化~.
tips: 这个空调我的文章中也有哦～
以下是注释：
一. 进一步优化用户体验
目前曾经实现了用户第一次拜访 localhost:3000 会主动跳转到首页
然而右边的首页确并没有在首次渲染的时候被选中，能够看到并没有变为 antd 选中时的蓝色
这个解决也很简略，antd 有封装好的 API 间接应用即可。
在 <Menu> 组件应用现有的 API 即可。defaultSelectedKeys={[siderBarList[0].key]}。至于外面的变量为什么写成这个，这个留给大家思考，如果有趣味，能够去查阅这个链接里的侧边栏渲染变量的定义。基于 React.js 的后盾管理系统开发全过程(五)
接下来就实现了进入主页主动渲染首页图标的 UI 色彩
到这一步不要认为功败垂成了，有个 bug 须要思考，像下面这样做，我不论在哪个列表，刷新，尽管页面还停留在 role，然而一旦刷新就会从新 UI 图标在首页上，这并不是我想要的成果。
这里我采纳了极度不清真的手法来实现这个工作，尽管不举荐读者应用，然而成果是齐全能够实现的！
我在侧边栏组件内定义了一个变量 path 来存储以后 url 的地址，并且将后面的 dashiboard 地址替换成空字符串，这样就能够完满填写 antd 里的 APIdefaultSelectedKeys={[path]}
即便我在 user 这个界面刷新，淡蓝色的背景色仍然会正确的渲染在 user 这里。
(>.<)尽管这个办法极度不清真，然而临时先这样吧，后续我会更新其它办法的。
—- 补充：目前曾经将，defaultSelectedKeys={[path]}，改为 selectedKeys={[path]} 因为 default… 只会在页面加载的时候渲染一次，而 selected 会动静的渲染。
先不谈网页，先讲一个额定的知识点，我并不心愿只是单纯的复述一些网页成果的实现。我更心愿的是，我能够通过这个我的项目来学习更多的额定常识，如果繁多的是为了后果而去实现，却遗记了带入本人的思考，那学习起来该多无趣。
在 Material UI 里应用的是 jss 的款式，它的写法和 less 那些预编译器大差不差，然而它是真正的在 js 文件里写款式的一个依赖，刚开始我也不习惯，然而写起来是真的难受。
首先咱们在 Dashboard 里创立一个 style.js 的文件，把从官网复制的组件属性复制到这个外面。
先引入重要的一个外围勾子，makeStyles，