Eric-Shen

摘要： 一、hook的功能 简单总结一下hooks：  它可以让我们在不编写class的情况下使用state以及其他的React特性；  但是我们可以由此延伸出非常多的用法，来让我们前面所提到的问题得到解决； ◼ Hook的使用场景：  Hook的出现基本可以代替我们之前所有使用class组件的地方； 阅读全文

摘要： 一、路由 ◼ 路由其实是网络工程中的一个术语：  在架构一个网络时，非常重要的两个设备就是路由器和交换机。  当然，目前在我们生活中路由器也是越来越被大家所熟知，因为我们生活中都会用到路由器：  事实上，路由器主要维护的是一个映射表；  映射表会决定数据的流向； ◼ 路由的概念在软件工程中出 阅读全文

摘要： 一、redux概念 ◼ React是在视图层帮助我们解决了DOM的渲染过程，但是State依然是留给我们自己来管理：  无论是组件定义自己的state，还是组件之间的通信通过props进行传递；也包括通过Context进行数据之间的共享； ◼ Redux就是一个帮助我们管理State的容器：Red 阅读全文

摘要： 一、react-transition-grou过渡动画 react-transition-group本质是自动给我们添加类和删除类，具体的过渡动画效果还是要我们自己写。 ◼ 在开发中，我们想要给一个组件的显示和消失添加某种过渡动画，可以很好的增加用户体验。 ◼ 当然，我们可以通过原生的CSS来实现这 阅读全文

摘要： 一、portals 我们所有的元素都将挂载到#root下，但是有的时候，我们希望一部分元素挂载到html的其他元素，这个时候就可以使用protals了。 ◼ 某些情况下，我们希望渲染的内容独立于父组件，甚至是独立于当前挂载到的DOM元素中（默认都是挂载到id为root的DOM 元素上的）。 ◼ Po 阅读全文

摘要： 一、概念 我的理解是，是否有react提供数据，分为受控组件和非受控组件。 比如input元素，只要绑定了value属性，那么在react中，用户在输入框输入的值不会显示在输入框(react应该做了限制，原生html的input框即使value绑定了值依然可以输入)， 这就导致，想改变value的值 阅读全文

摘要： 一、基本使用 注意一点，setState是异步的 那么如何可以获取到更新后的值呢？ 方式一：setState的回调 setState接受两个参数：第二个参数是一个回调函数，这个回调函数会在更新后会执行；格式如下：setState(partialState, callback) 方式二: 当然，我们也 阅读全文

摘要： 零、什么是组件化 组件化思想的应用： 有了组件化的思想，我们在之后的开发中就要充分的利用它。 尽可能的将页面拆分成一个个小的、可复用的组件。 这样让我们的代码更加方便组织和管理，并且扩展性也更强。 React的组件相对于Vue更加的灵活和多样，按照不同的方式可以分成很多类组件： 根据组件的定义方式， 阅读全文

摘要： 使用npm全局下载create-react-app， 建议node>16。 npm install create-react-app -g; 然后创建项目即可。 create-react-app 项目名称 但是现在create-react-app有问题，有些库依赖的react18但是这个脚手架创建的 阅读全文

摘要： jsx和vue的template是一样的，都需要经过编译器转化。 template会通过vue.js自带的complier编译模块成一个render函数，然后模板里的vue元素会编译成render函数里的 h函数（h函数本质也是vue自己写的createElement函数）， vue.js通过h函数 阅读全文