随笔分类 -  react

react的基础知识
摘要:官方消息: 以下三个过时的生命周期会带来不安全的编码实战 componentWillMount componentWillReceiveProps componentWillUpdate 这几个生命周期经常被误解和滥用,预计,在异步渲染中,潜在的调用问题可能更大,所以在发布的版本中为这些生命周期添加 阅读全文
posted @ 2021-04-10 12:54 zmztyas 阅读(49) 评论(0) 推荐(0) 编辑
摘要:一.生命周期(旧) 总结: 初始化阶段: 1.constructor() 2.componentWillMount() 3.render() 4.componentDidMount() > 常用 一般在这个钩子中做一些初始化的事,例如:开启定时器,发送网络请求,订阅消息 更新阶段:由组件内部this 阅读全文
posted @ 2021-04-08 19:21 zmztyas 阅读(71) 评论(0) 推荐(0) 编辑
摘要:数据柯里化的作用是什么? 在处理表单时,可以通过ref的三种方式都可以获取表单控件数据,但是若是很多控件,都去定义一个ref(过多的使用会有性能问题),或者定义多个函数,那么就太臃肿了,那么数据柯里化可以解决 高阶函数: 若一个函数符合下面两个规范中的一个,该函数就是高阶函数 1.若a函数,接受的参 阅读全文
posted @ 2021-04-08 14:22 zmztyas 阅读(826) 评论(0) 推荐(0) 编辑
摘要:React 之 组件实例的三大核心属性 (state props ref) 为什么用到事件处理(事件委托)? 在react中,官方提示:请勿过度使用ref , 所以可以通过事件委托来处理 /* 1.通过onXxx属性指定事件处理函数(*注意大小写) a.React使用的是自定义(合成)事件,而不是使 阅读全文
posted @ 2021-04-08 11:18 zmztyas 阅读(429) 评论(0) 推荐(0) 编辑
摘要:第一天: 1)虚拟DOM的两种创建方式 函数组件 和 类组件 2)jsx语法规则 3)react 如何定义组件 通过完整的类组件的写法,还有简写形式 4)组件实例三大属性1_state 1.理解类中this的指向问题 2.理解简写形式 3.不能直接修改state,而是通过setState来修改 4. 阅读全文
posted @ 2021-04-07 21:43 zmztyas 阅读(115) 评论(0) 推荐(0) 编辑
摘要:扩展: 在React中,构造函数仅用于以下两种情况 1)通过给this.state 赋值对象来初始化内部 state 2)为事件处理函数绑定实例 在构造函数中注意事项: 在为ReactComponent子类实现构造函数时,应该其他语句之前调用super(props).否则this.props在构造函 阅读全文
posted @ 2021-04-07 21:09 zmztyas 阅读(126) 评论(0) 推荐(0) 编辑
摘要:什么是组件? 用来实现局部功能效果的代码和资源的集合(html/css/image等等) 为什么要使用组件? 作用:复用编码,简化项目编程,提高运行效率 官方提供了两种定义组件的方式 1.函数式组件 特点:适用于[简单组件]的定义 一.函数式组件 // 创建函数式组件 function MyComp 阅读全文
posted @ 2021-04-06 20:47 zmztyas 阅读(65) 评论(0) 推荐(0) 编辑
摘要:1)全称:javascript xml 2)react定义的一种类似xml的js扩展语法:js + xml 3)本质是React.createElement(component,props,...children)方法的语法糖 4)作用:用来简化创建虚拟dom a. 写法: var ele = <h 阅读全文
posted @ 2021-04-06 18:08 zmztyas 阅读(57) 评论(0) 推荐(0) 编辑
摘要:react 全家桶 React基础 React-Router PubSub Redux Ant-Design等 什么是React ? 用于构建用户界面的javascript库,可以说:react 是一个将数据渲染为html视图的开源javascript库 学习react 需要引入四个文件 babel 阅读全文
posted @ 2021-04-06 17:19 zmztyas 阅读(47) 评论(0) 推荐(0) 编辑

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