这是 create-react-app 生成的默认目录结构。 现在从 yarn 或 npm 安装并引入 antd。 修改 src/App.js，引入 antd 的按钮组件。 修改 src/App.css，在文件顶部引入 antd/dist/antd.css。 好了，现在你应该能…

一、创建一个项目首先创建一个文件夹,这里名为react-csm，打开终端输入首次启动的项目长这样，react版本又升级了！：二、引入antd并制定主题三、通过redux搭建路由1先构建一下项目结构2安

JavaScript学习之路： 艰难且漫长, 摸爬滚打这些年，还剩头上三根毛，这是我学习的见证呀😎 开始我的学习之路~~🙆‍♀️ 深拷贝和浅拷贝是❓

作为前端小白中的一员，没接触过 React 高阶组件，首次看到这个名字时不明觉厉 😱，甚至有种“从入门到放弃”的想法。 然 🦢，通过深入学习后发现它实际上是一个概念十分简单，但却非常常用的东西。它的作用是能实现代码复用和逻辑抽象、对 state 和 props 进行抽象和操…

上周刚在公司进行了一次 React 运行时优化方案的分享，以下是分享的文字版，文章比较长，干货也很多，相信你看完后会对 React 有不一样的理解。

将 antd 组件库进行重写，使它的组件库风格符合设计要求。 我们将 antd 的 Button 封装成我们自己的 MyButton 样式风格。colors 类似于 antd 中的 type，特性有 primary、danger等颜色。下面只写colors 为 danger 的…

前端发展速度非常之快，页面和组件变得越来越复杂，如何更好的实现状态逻辑复用一直都是应用程序中重要的一部分，这直接关系着应用程序的质量以及维护的难易程度。 本文介绍了React采用的三种实现状态逻辑复用的技术，并分析了他们的实现原理、使用方法、实际应用以及如何选择使用他们。 Mi…

React高阶组件(HOC)，对于很多react开发者来说并不陌生，它是灵活使用react组件的一种技巧，高阶组件本身不是组件，它是一个参数为组件，返回值也是一个组件的函数。高阶作用用于强化组件，复用逻辑，提升渲染性能等作用。高阶组件也并不是很难理解，其实接触过后还是蛮简单的，…

上一篇文章介绍了简单的高阶组件实现方式，接下来介绍代理和继承方式的高阶组件。 1. 操纵props 高阶组件能够改变被包裹组件的 props ，可以对 props 做任何操作，甚至可以在高阶组件中自定义事件，然后通过 props 传递下去。 可以看到 B 组件的 props 中…