React
fundroid
Android GDE(谷歌开发者专家)| 互联网大厂移动端架构师
展开
-
redux中使用useSelector、useDispatch替代connect
Hooks 提供了很多好用的api,甚至很多人认为Hooks的useReducer等Api已经可以取代Redux了。其实Hooks和Redux的使用场景并不冲突,而且可以互相借鉴,最近react-edux最新版本中也引入了Hooks风格的Api。useState和useReducer是Hooks中最常用的Api,适合用来进行简单的状态管理,但也都有一些无法满足的需求useStateimpo...原创 2020-02-26 17:09:17 · 47883 阅读 · 8 评论 -
2020最流行的React组件库推荐
React BootstrapReact-Bootstrap 是一个可重复使用的 React 组件库,也是最受欢迎的前端框架之一。目前同样是在为1.0.0版本而积极开发中。Ant Design ????????遵循 Ant Design 规范,React Ant Design 是一个开箱即用的高质量 React 组件,包含一系列的组件和 demo 。Semantic UI ReactS...原创 2020-02-23 12:07:34 · 20041 阅读 · 0 评论 -
Redux修改State的深层对象
方法一const initialState = { notificationBar: { open: false, },};export default function (state = initialState, action) { switch (action.type) { case actions.LAYOUT_NOTIFIC...原创 2020-02-14 13:07:33 · 982 阅读 · 0 评论 -
React 高阶组件(HOC)
高阶组件(HighOrderComponent)是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分,它是一种基于 React 的组合特性而形成的设计模式。具体来说,高阶组件是一个函数,能够接受一个组件并返回一个新的组件,通过高阶函数可以帮助我们实现某些逻辑的复用。通过一个例子学习一下HOC的使用,例如目前项目中有下面两个Counter:Cl...原创 2020-02-09 12:27:40 · 289 阅读 · 0 评论 -
一个React初学者的常见错误
React中子组件会跟随父组件的render而render,但需要注意的是子组件的render并非重建,此时是不会重新走构造函数的,很多人容易忽视这点,而出现一下错误class Child extends React.Component { constructor(props) { super(props); this.state = { value: this.prop...原创 2020-02-04 23:53:55 · 434 阅读 · 0 评论 -
React hooks 介绍(一)useState
React hooks 是什么?React hooks是React 16.8 中引入到新功能,帮助开发者仅仅通过函数组件就可以使用原本Class组件才具备的state等功能。React hooks通过一系列函数式的Api实现上述功能,其中最常用的有useState、useEffect、useContext等。本文首先通过一个小例子先介绍一下useState:类组件示例React中当...原创 2020-02-02 12:20:58 · 261 阅读 · 0 评论