ChiLi

styled components 是一个 css in js 类库，作用是可以将样式写成组件的形式，实现在 JS 上编写 CSS。样式进行组件化，避免像传统css那样的全局污染。最近在写关于 React 技术栈的记账项目也恰好用上了该库，因此做个学习记录。 在 React 项…

代码配色，操作方法：打开设置 => Editor => Color Scheme，选择一个你喜欢的配色，点击 OK，就可以预览这个配色了。我个人喜欢 Molokai 配色。 进入 Editor => Color Scheme => Color Scheme Font，取消勾选 …

你无论点击多少次页面都没有变化。而控制台一直都在 log ，即每次都在 render 。这是为什么？ 每次 setState 都会产生新对象，即使对象的内容相同。 {n:1} 和 {n:1} 不是同一个对象。 React 发现对象不同，将会 render 渲染组件，在DOM D…

结果发现并不会覆盖。那真的是这样吗？ ... 操作符 结果发现函数组件的 setX 连第一层属性也不会合并，那么可以通过 ... 操作符解决 可以通过 Object.assign 或者 ... 操作符解决 也可通过 ... 操作符解决changeUser()

React 里面的 State 相当于 Vue 中的 Data，即内部数据。 接下来介绍 State 在 React 的函数组件和类组件这两类组件中的使用。 React 并不像 Vue 对数据有一个监听机制。 因此 n 变化 React 并不知道，UI 也不会自动更新。 Rea…

举个栗子：点击按钮加1。使用 https://codesandbox.io/ 进行测试 JXS 的条件判断 if...else...

最近在写一个 Vue 3 项目，使用到了 provide / inject，因此做一个学习记录。 需求：点击顶部栏的 logo 对侧边栏的显示或隐藏进行切换。 需要一个变量来记录侧边栏的显示或隐藏. 变量即不能放在顶部栏也不能放在侧边栏，因为在两个组件是无法互相进行访问。 放哪…

props和attrs都可以获取外部属性，那他们有什么区别呢？区别如下props要先声明才能取值，attrs不用先声明props不包含事件，attrs包含事件props没有声明的属性，会跑到attrs

... 即扩展操作符