react
冬疏强
这个作者很懒,什么都没留下…
展开
-
React中 ref的使用和转发forwardRef
refreference: 引用1、场景:希望直接使用dom元素中的某个方法,或者希望直接使用自定义组件中的某个方法ref作用于内置的html组件,得到的将是真实的dom对象import React , {Component} from"react";export default class MyRef extends Component { getFac= (e)=> { this.refs.input.focus() } render(){原创 2020-07-21 10:40:15 · 1721 阅读 · 0 评论 -
React 属性默认值和 类型检查 PropTypes的使用
属性默认值 和 类型检查1. 属性默认值通过一个静态属性defaultProps告知react属性默认值A. 函数组件默认值export default function DefineCom(props) { return ( <div> a :{props.a}, b : {props.b}, c : {props.c} </div> )}DefineCom.defaultProps =原创 2020-07-21 10:32:15 · 535 阅读 · 0 评论 -
React 新版生命周期
新版生命周期React >= 16.0.0详情可常看旧版生命周期[https://blog.csdn.net/qq_43750501/article/details/107447604]React官方认为,某个数据的来源必须是单一的getDerivedStateFromProps通过参数可以获取新的属性和状态该函数是静态的该函数的返回值会覆盖掉组件状态该函数几乎是没有什么用getSnapshotBeforeUpdate真实的DOM构建完成,但还未实际渲染到页面中。在原创 2020-07-19 16:54:53 · 607 阅读 · 1 评论 -
React 旧版生命周期
生命周期生命周期:组件从诞生到销毁会经历一系列的过程,该过程就叫做生命周期。React在组件的生命周期中提供了一系列的钩子函数(类似于事件),可以让开发者在函数中注入代码,这些代码会在适当的时候运行。生命周期仅存在于类组件中,函数组件每次调用都是重新运行函数,旧的组件即刻被销毁1. 旧版生命周期React < 16.0.0constructor同一个组件对象只会创建一次不能在第一次挂载到页面之前,调用setState,为了避免问题,构造函数中严禁使用setStatecompo原创 2020-07-19 16:50:26 · 337 阅读 · 0 评论 -
深入了解react中JSX 的用法和常遇到的坑!
什么是JSXFacebook起草的JS扩展语法本质是一个JS对象,会被babel编译,最终会被转换为React.createElement每个JSX表达式,有且仅有一个根节点React.Fragment//如果不需要根节点可以用<React.Fragment> //这里包含html</React.Fragment>//其实 React.Fragment 相当于,两者都不会在页面中生成标签<> //这里放html </&原创 2020-07-15 16:17:28 · 598 阅读 · 1 评论