随笔分类 -  【401】React

摘要:序言 React的基本组件元素是一个个组件,组件之间可能存在关联、组合等关系。不同的组件之间,经常会发生数据传递或者交换,我们称之为组件间通信。 根据传递的复杂程度,可以分为三种情况: 父子间通信,兄弟间通信,同其他外部库通信。 父子间通信 兄弟间通信 跨级组件通信 在 React 中,我们还可以使 阅读全文
posted @ 2020-05-05 00:18 ~沐风 阅读(145) 评论(0) 推荐(0) 编辑
摘要:序言 为什么要使用Hook? 常用的两种编写组件的方式就是就是class组件和函数组件。class组件:通过继承React.Component来构建组件,虽然提供了state状态和完备的生命周期函数,但是也有很多不方便的地方。 很多事件需要在挂载期componentDidMount和更新期compo 阅读全文
posted @ 2020-05-03 10:56 ~沐风 阅读(1339) 评论(0) 推荐(0) 编辑
摘要:序言 使用React-Router的项目,与其他项目没有不同之处,也是使用Provider在Router外面包一层,毕竟Provider的唯一功能就是传入store对象。 const Root = ({ store }) => ( <Provider store={store}> <Router> 阅读全文
posted @ 2020-04-16 12:45 ~沐风 阅读(235) 评论(0) 推荐(0) 编辑
摘要:序言 1.什么是redux? 全局数据状态管理工具(状态管理机),用来做组件通信等。 2.为什么使用redux?Redux解决了什么问题? 当没有使用redux时兄弟组件间传值将很麻烦,代码很复杂冗余。 使用redux定义全局单一的数据Store,可以自定义Store里面存放哪些数据,整个数据结构也 阅读全文
posted @ 2020-04-16 12:27 ~沐风 阅读(177) 评论(0) 推荐(0) 编辑
摘要:序言 设置淘宝镜像 npm config get cache npm config get prefix npm config get registry npm config set registry https://registry.npmjs.org npm config set registr 阅读全文
posted @ 2020-04-10 22:22 ~沐风 阅读(1029) 评论(0) 推荐(0) 编辑
摘要:序言 生命周期函数 React v16.3 的生命周期图 先来了解一下react的生命周期函数有哪些: 组件将要挂载时触发的函数:componentWillMount 组件挂载完成时触发的函数:componentDidMount 是否要更新数据时触发的函数:shouldComponentUpdate 阅读全文
posted @ 2020-04-01 11:39 ~沐风 阅读(190) 评论(0) 推荐(0) 编辑
摘要:序言 快速创建项目 安装官方脚手架 npm install -g create-react-app npx create-react-app react01 npm start 实例教程 一、HTML模板 二、ReactDOM.render() 三、JSX 语法 四、组件 React的基本组件元素是 阅读全文
posted @ 2020-03-30 13:30 ~沐风 阅读(205) 评论(0) 推荐(0) 编辑
摘要:序言 为什么要学习React? 组件化方面 1. 什么是模块化:是从代码的角度来进行分析的;把一些可复用的代码,抽离为单个的模块;便于项目的维护和开发; 2. 什么是组件化:是从UI 界面的角度来进行分析的;把一些可服用的UI元素,抽离为单独的组件;便于项目的维护和开发; 3. 组件化的好处:随着项 阅读全文
posted @ 2020-03-27 16:19 ~沐风 阅读(189) 评论(0) 推荐(0) 编辑

喜欢请打赏

扫描二维码打赏

了解更多

点击右上角即可分享
微信分享提示