React
星耀199
这个作者很懒,什么都没留下…
展开
-
React手册之ReactDOM.render创建及更新流程
ReactDOM.render(, document.getElementById(‘root’))renderrender( element: React$Element<any>,//相关类 container: DOMContainer,//挂载的实例 callback: ?Function,//应用渲染之后会调用这个callback ) {...原创 2019-11-27 16:21:37 · 1345 阅读 · 0 评论 -
react手册之context
当我们使用父组件向子组件传值的时候我们可以用context1.props-type 这是16之前的版本他的缺点是:当父组件context发生改变,子组件必须全部改变,无论你有没有使用,所以性能方面比较差使用方法parent.jsimport React,{Component,createContext} from 'react';import { Button } from 'an...原创 2019-11-25 17:08:00 · 203 阅读 · 0 评论 -
React手册之ref革命
到目前为止react中ref有三种方式字符串回调函数createRef()1.字符串dom节点上使用,通过this.refs[refName]来引用真实的dom节点<input ref="ref" />2.回调函数React 支持给任意组件添加特殊属性。ref 属性接受一个回调函数,它在组件被加载或卸载时会立即执行。当给 HTML 元素添加 ref 属性时,r...原创 2019-11-22 11:22:17 · 119 阅读 · 0 评论 -
React手册之Link和NaviLink区别
Link:点击是url会直接更新,组件会重新渲染而不是重新加载它可以是对象也可以是字符串但是最后都会转为location对象的点击Link后,路由系统发生了什么?Link 组件最终会渲染为 HTML 标签 <a>虽然 Link 被渲染为超链接,但在内部实现上使用脚本拦截 浏览器的默认行为,然后调用了history.pushState 方法(注意,文中出现的 history ...原创 2019-11-21 15:18:15 · 1272 阅读 · 0 评论 -
react手册之Route中render和component区别
官网手册1.警告: component优先级高,render因此请不要在同一个中使用两者Route **component是只有在位置匹配时才呈现的react组件,他和router props一起渲染 底层是调用React.createElement组件的type是匿名函数这导致type每次都不一样如果是 component={()=>{}} 调用组件是卸载旧的,安装新的...原创 2019-11-21 14:56:29 · 1058 阅读 · 0 评论 -
react相关知识
reactHooksimport {useState} from react eg: const fn =()=>{ const [name,setName]=useState(0) name(名字随便起):他就是0 ...原创 2019-06-16 01:04:09 · 82 阅读 · 0 评论