react

前言：因为项目原因需要学习另一个超级火的框架react, 因为之前一直使用vue进行开发，所以在学习react中会不自觉的代入一些vue中的概念来理解react中的实现，下面就通过对比学习的方式记录下react中的知识。在react中其实是没有双向绑定的概念，每次更新页面和值都需...

前言：在vue中根据变量或者表达式来控制dom元素和组件的展示与隐藏，但是在react中没有封装好的指令可以使用，下面一起看下在react中是怎样实现v-if类似的效果。上述代码中定义一个控制显示的变量和点击改变变量的按钮，在jsx语法中直接使用逻辑运算符 && , 当isSho...

在vue中当我们封装组件的时候，经常会用到slot插槽功能用来扩展自己组件使其拥有更多场景的适用，但是在react中是没有插槽这个概念的也没有可以直接使用的slot属性的，下面看下在react中是怎么实现类似插槽功能的。1、props.react中在组件上传递的参数，都会被子组件...

我们在平时开发中遇到一个列表展示很多内容，然后点击列表中的某一项进行操作时需要获取当前项数据的参数，一般来说都是使用事件函数直接传参的方式进行获取，今天记录另一种通过dom元素自身属性获取参数的方式。console.{dataList.return <li key={item.i...

在vue中可以使用watch属性，去监视一个值，当这个值进行变化的时候就去执行一些操作。在react是没有这个属性的，但是它也一样可以达到相同的效果，那么接下来看看它是怎么实现的呢？ 在react中实现监听效果有一个比较简单的方法，就是使用useEffect 这个hook，在我们...

在vue中需要根据某些属性进行计算或者映射出别的值时，可以使用computed计算属性，只有当所需要依赖的值改变时才会从新进行计算否则就会直接返回上一次计算的值。在react中要实现类似计算属性的功能很简单，可以使用useMemo这个hook进行实现，useMemo这个hook同...

前言：在vue中如果想要将数组中的数据进行循环的时候可以直接使用封装好的v-for指令进行实现，但是在react中是没有这种指令的，那么在react中是怎样实现列表的循环呢，下面一起看下react中是怎样实现的。listData.if (item.return <li key={...