- 博客(8)
- 收藏
- 关注
转载 React最好的ui组件库集锦
【转载】https://www.rails365.net/articles/react-zui-hao-de-ui-zu-jian-ku-ji-jin这里有一篇讨论,说了哪个才是 React 最好的 ui 组件库。https://discuss.reactjs.org/t/best-ui-library-for-react/2953/5我也不知道。因人而异吧,喜欢用哪个就哪个,只要能解决问...
2019-01-22 10:40:59 9762
原创 项目中常用的ES6语法总结
文章目录数组的方法1. fill() : 数组填充2. includes():数组包含3. from():数组复制4. copyWithin():数组覆盖字符串方法3. 模板字符串4. 箭头函数数组的方法1. fill() : 数组填充Array.fill(value) : 会对数组填充数组成员, 填充长度等于数组长度const fillData = (data) =>{ c...
2019-01-21 14:51:45 557 1
原创 【计数器改写方法二】 React Context API
ContextContext 提供了一种通过组件树传递数据的方法,无需在每个级别手动传递 props 属性。在典型的 React 应用程序中,数据通过 props 自上而下(父到子)传递,但对于应用程序中许多组件所需的某些类型的 props(例如环境偏好,UI主题),这可能很麻烦。 Context 提供了在组件之间共享这些值的方法,而不必在树的每个层级显式传递一个 prop 。使用 Cont...
2018-12-29 17:23:54 524
原创 【计数器改写方法一】 React Hooks之useContext
useContextconst context = useContext(Context);接受一个 context(上下文)对象(从React.createContext返回的值)并返回当前 context 值,由最近 context 提供程序给 context 。当提供程序更新时,此 Hook 将使用最新的 context 值触发重新渲染。还是接着上一章的计数器Demo,两个计数器组件C...
2018-12-29 11:15:15 7749
原创 React Hooks之useReducer
useReducer :接受类型为 (state, action) => newState 的reducer,并返回与 dispatch 方法配对的当前状态。(如果你熟悉Redux,你已经知道它是如何工作的。)下面定义两个计数器Counter组件 和 CounterTest组件,使用 useReducer 使它们共享一个count state,当一个组件的 count state发生变化时...
2018-12-28 16:41:16 4448
原创 React Hooks
文章目录React Hooks概述由来基本语法Hooks的规则构建自己的hooks自定义Hooks在 Hooks 之间传递信息代码对比Hooks API参考链接React Hooks概述由来Hooks 允许您在不更改组件层次结构的情况下重用有状态逻辑。Hooks允许您根据相关内容(例如设置订阅或获取数据)将一个组件拆分为较小的函数,而不是基于生命周期方法强制拆分。您还可以选择使用 red...
2018-12-27 13:40:19 2491 1
原创 dva框架学习
文章目录为什么需要dva?1.文件切换问题2.saga 创建麻烦3.entry 创建麻烦什么是dva?6个API8个概念核心概念数据流向ActionModelRouteComponent项目结构Dva VS Redux使用Redux使用dva配合Umi使用参考链接为什么需要dva?Redux的架构虽然已经比较成熟完善,但是仍然避免不了在项目中会暴露出一些问题。1.文件切换问题redux ...
2018-12-26 15:48:46 4058
原创 React、Vue和Angular框架比较
文章目录渲染机制ReactDiff算法的三个策略tree diffcomponent diffelement diffVueAngular数据流ReactVueReact vs VueAngularHTML&&CSSReactVueAngular状态管理ReactRedux vs Mobx:VueRedux vs VuexReact-redux vs VuexAngular路由Re...
2018-12-26 15:41:41 967
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人