
React
赵sir来了
taste new experience
展开
-
React 的高级指引
ContextContext 提供了一种方式,能够让数据在组件数中传递而不必一级一级手动传递,可以把 Context 开成是一种全局变量其实 Context 是 Provider (生产者) 和 Consumer (消费者)共同来实现的,通过这两个标签我们可以使用 ContextReact.createContextconst MyContext = React.createContext(defaultValue);该代码创建了一个 Context 对象。当 React 渲染一个订阅了这个 C原创 2020-09-22 13:25:51 · 332 阅读 · 0 评论 -
React Hook之基础 Hook
Hook 是什么?它是一个特殊的函数,可以勾入 React 特性(例如:React State 、生命周期函数等)我们都了解传统的 React 定义组件有两种形式:其中一种为 Class ,因为有 state 和 生命周期函数 被称为 有状态组件;另一种为 function 因没有 state 和 生命周期函数 被称为 无状态组件;而 Hook 的 推出就是为了解决 无状态组件 使用 state 和 生命周期函数 的问题。注意:Hook 不能再 class 组件中使用,但这也使得我们可以不使用原创 2020-09-04 22:00:50 · 379 阅读 · 1 评论 -
React-Navigation (RN 的路由)采坑总结
注意:React-navigation 4.x 将 createStackNavigator 等组件放到 react-navigation-stack 中,createBottomTabNavigator 等导航栏放到了 react-navigation-tabs 中,想要使用必须还要先安装它们React-Navigation 底部导航栏实现当页面数量大于等于2时,实现隐藏底部导航栏expo...原创 2019-11-17 23:09:49 · 937 阅读 · 0 评论 -
Redux 的简单实现
什么是 ReduxRedux 是 JavaScript 的状态容器,提供可预测化的管理,可以让你构建一致化的应用,运行与不同的环境(客户端、服务器、原生应用),并且易于测试。(个人理解:Redux 和 Vuex 很像)优点:可预测:始终有一个唯一的准确的数据源(single source of truth)就是 store,通过 actions 和 reduces 来保证整个应用状态同步,...原创 2019-11-10 16:45:35 · 523 阅读 · 0 评论 -
React 初探
简介React 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。官网:https://www.reactj...原创 2019-08-31 20:02:30 · 195 阅读 · 0 评论