280浏览

0评论

react-router 里的 标签和 标签有什么 区别

如何禁掉 标签默认事件，禁掉之后如何实现跳转。 答： Link 点击事件 handleClick 部分源码：if (_this.props.onClick) _this.props.onClick(...

• 空空 / react / 2023-05-09

322浏览

0评论

如何设计实现无缝轮播

简单来说，无缝轮播的核心是制造一个连续的效果。最简单的方法就是复制一个轮播的元素，当复制元素将要滚到目标位置后，把原来的元素进行归位的操作，以达到无缝的轮播效果。 贴一段轮播的核心代码：// scroll th...

• 空空 / react / 2023-05-04

299浏览

0评论

redux 为什么要把 reducer 设计成纯函数

redux 的设计思想就是不产生副作用，数据更改的状态可回溯，所以 redux 中处处都是纯函数...

• 空空 / react / 2023-05-04

231浏览

0评论

聊聊 Redux 和 Vuex 的设计思想

不管是 Vue，还是 React，都需要管理状态（state），比如组件之间都有共享状态的需要。什么是共享状态？比如一个组件需要使用另一个组件的状态，或者一个组件需要改变另一个组件的状态，都是共享状态。 父子组件之间，兄弟...

• 空空 / react / 2023-03-29

296浏览

0评论

React 中 setState 什么时候是同步的，什么时候是 异步的

1、由 React 控制的事件处理程序，以及生命周期函数调用 setState 不会同步更新 state 。 2、React 控制之外的事件中调用 setState 是同步更新的。比如原生 js 绑定的事件，setTime...

• 空空 / react / 2023-03-17

312浏览

0评论

你能⽤HOC做什么

HOC可⽤于许多任务，例如： 代码重⽤，逻辑和引导抽象 渲染劫持 状态抽象和控制 Props 控制...

• 空空 / react / 2023-02-28

331浏览

0评论

什么是⾼阶组件（HOC）

⾼阶组件是重⽤组件逻辑的⾼级⽅法，是⼀种源于 React 的组件模式。 HOC 是⾃定义组件，在它之内包含另⼀个组件。它们可以接受⼦组件提供的任何动态，但不会修改或复制其输⼊组件中的任何⾏为。 你可以认为 HOC 是“纯（...

• 空空 / react / 2023-02-28

265浏览

0评论

React的合成事件是什么

React 根据 W3C 规范定义了每个事件处理函数的参数，即合成事件。 事件处理程序将传递 SyntheticEvent 的实例，这是⼀个跨浏览器原⽣事件包装器。它具有与浏览器 原⽣事件相同的接⼝，包括 st...

• 空空 / react / 2023-02-28

321浏览

0评论

原⽣事件和React事件的区别

React 事件使⽤驼峰命名，⽽不是全部⼩写。 通过 JSX , 你传递⼀个函数作为事件处理程序，⽽不是⼀个字符串。 在 React 中你不能通过返回 false 来阻⽌默认⾏为。必须明确调⽤ preventD...

• 空空 / react / 2023-02-28

260浏览

0评论

为什么setState是⼀个异步的

当批量执⾏state的时候可以让DOM渲染的更快,也就是说多个setstate在执⾏的过程中还需要被合并...

• 空空 / react / 2023-02-28