摘要：一、创建项目 使用npx create-react-app (项目名) --template typescript 创建项目 ①如果App.tsx文件有如下报错: （没有报错的请忽略） 需要将tsconfig.json文件里的 "jsx": "react-jsx" 配置改为 "jsx": "reac 阅读全文

摘要：在react项目中，将关键字高亮显示 ： 首先封装一个方法，只需要传入（'要检索的内容','检索的关键字','给内容中的关键字加上的有特殊标记的标签名'）这三个参数即可高亮显示关键字。详见:https://segmentfault.com/a/1190000017433594 如何调用: 效果展示: 阅读全文

摘要：一、react-hooks概念 React中一切皆为组件，React中组件分为类组件和函数组件，在React中如果需要记录一个组件的状态的时候，那么这个组件必须是类组件。那么能否让函数组件拥有类组件的功能？这个时候我们就需要使用hooks。 Hooks让我们的函数组件拥有了类似类组件的特性，Hook 阅读全文

摘要：我们在某些网站上肯定看到过这样一种现象，页面上图片只有你滚动到那个位置附近的时候才会加载，否则就只占了个位，这就是延迟加载最普遍的应用场景。我们react框架进行开发的时候也是一样，没有使用的组件是完全没必要加载的。 说道代码拆分就不得不说一个关键字:import 。 使用import动态导入模块。返回一个promise。如果在代码中动态导入一个模块， 那么webpack就会做一次代码拆分。把im... 阅读全文

摘要：上一篇介绍了Context的使用方法。但是Context会让组件变得不纯粹，因为依赖了全局变量。所以这决定了Context一般不会大规模的使用。所以一般在一个组件中使用一个Context就好。 由于Consumer的特性，里面的代码必须是这个函数的返回值。这样就显得复杂与不优雅了。那该怎么解决呢？这 阅读全文

摘要：context 定义: Context提供了一种方式，能够让数据在组件树中传递，而不必一级一级手动传递。 API : createContext(defaultValue?)。 使用方法： 首先要引入createContext 然后创建一个Context 然后用BatteryContext.Prov 阅读全文

摘要：在creat-react-app搭建的项目环境中按需引入antd以及配置less,首先需要暴露出来webpack文件。(此操作不可逆)。 暴露wenpack文件的指令是yarn eject. 在使用这个指令之前要先推送一次git文件才行。或者删除git文件。 提交git : 运行之后会询问是否暴露， 阅读全文