西风XF

其实 TaroUI 框架自带索引选择器 AtIndexes，但是由于 AtIndexes 组件的列表只能接收文本传参，不能自定义内容。我们的业务需求需要自定义每个 item 的内容，每个 item 里需要添加多个标签。在看了 AtIndexes 组件相关源码和咨询完 TaroU…

Roadhog 官方介绍：Roadhog 是一个包含 dev 、build 和 test 的命令行工具，他基于 react-dev-utils，和 create-react-app 的体验保持一致。你可以想象他为可配置版的 create-react-app。 Roadhog是有…

Ref属性用来获取DOM元素的节点和获取子组件的实例。 String Ref是个过时的API。因为String类型的Ref存在一些问题，将在未来的某个版本中被遗弃，不建议使用。 Ref获取子组件的实例后，可以调用子组件上的方法。 Callback Ref能助你更精细地控制何时 …

一个场景：父组件改变自身数据，不涉及子组件数据变化，就会在父组件每次render时都渲染子组件。 先说一下shouldComponentUpdate这个生命周期函数，这个函数是通过返回true或false来控制组件是否渲染的，可以有效的避免组件的一些无意义或者重复的渲染，和避免…

最近在学习React-Hooks，顺便记一下笔记，有错误之处还请指正，共勉。 当一些数据需要全局用到的业务场景下：例如切换用户登录信息、切换语言、切换主题，props层层传递数据就显得复杂繁琐。Context提供了一种共享数据的方式，不用通过props层层传递数据，在任意一级组…

使用CopyWebpackPlugin插件，在webpack中copy文件或文件夹1、下载CopyWebpackPlugin：2、在build/webpack.base.conf.js文件下使用插件：

重新打包项目，就会看到清除效果。

create-react-app新建项目时遇到的问题：问题的原因是node版本不兼容导致的，需要升级node版本，也可以不升级用npx命令解决：用npx命令解决的方法：升级node版本（Mac）：1、