![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
卓曉晖
这个作者很懒,什么都没留下…
展开
-
保安日记:React框架学习第五篇之redux
redux 一个独立专门用于做状态管理的JS库 作用: 集中式管理react应用中多个组件共享的状态 基础概念参考阮一峰的文档 传送门: 教程一:http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html 教程二:http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_two_async_operations.html 教程三:http://ww原创 2020-11-15 16:40:59 · 159 阅读 · 0 评论 -
保安日记:React框架学习第四篇之react-router
1. 理解react-router react的一个插件库 专门用来实现一个SPA应用 基于react的项目基本都会用到此库 react-router: 实现了路由的核心功能 react-router-dom: 基于react-router,加入了在浏览器运行环境下的一些功能 2. 几个重要问题 1). SPA应用 单页Web应用(single page web application,SPA) 整个应用只有一个完整的页面 点击页面中的链接不会刷新页面, 本身也不会向服务器发请求 当点击链接时, 只会做原创 2020-11-15 16:39:12 · 220 阅读 · 0 评论 -
保安日记:React框架学习第三篇之生命周期
生命周期 生命周期即是组件从实例化到渲染到最终从页面中销毁,整个过程就是生命周期。在这生命周期中,我们有许多可以调用的事件,也俗称为钩子函数 生命周期的3个状态: Mounting(挂载):将组件插入到DOM中 Updating:将数据更新到DOM中 Unmounting(卸载):将组件移除DOM中 生命周期中的钩子函数(方法,事件) componentWillMount :组件将要渲染,AJAX,添加动画前的类 componentDidMount:组件渲染完毕,添加动画 componentWillRece原创 2020-11-06 15:53:10 · 109 阅读 · 0 评论 -
保安日记:React框架学习第二篇
Props 父传递给子组件数据,单向流动,不能子传递给父。 props的传值,可以是任意的类型。 Props可以设置默认值 HelloMessage.defaultProps = { name:”老陈”,msg:“helloworld” } **注意:**props可以传递函数,props可以传递父元素的函数,就可以去修改父元素的state,从而达到传递数据给父元素。 父传子数据传递案例 class ParentNode extends React.Component{ constructo原创 2020-11-05 19:10:35 · 145 阅读 · 0 评论 -
保安日记:React框架学习第一篇
初识react React 构建用户界面的JavaScript库,主要用于构建UI界面 特点: 1、声明式的设计 2、高效,采用虚拟DOM来实现DOM的渲染,最大限度的减少DOM的操作。 3、灵活,跟其他库灵活搭配使用。 4、JSX,俗称JS里面写HTML,JavaScript语法的扩展。 5、组件化,模块化。代码容易复用,2016年之前大型项目非常喜欢react 6、单向数据流。没有实现数据的双向绑定。数据-》视图-》事件-》数据 React Jsx语法 JSX表达式 1、由HTML元素构成 2、中间如果原创 2020-11-04 14:19:30 · 134 阅读 · 0 评论