![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
Gordon-Liu
拼搏到无能为力,坚持到感动自己
展开
-
ref属性、类组件定义ref的三种方式、函数式组件定义ref的方式、数据承载-Props/State:定义类组件 / 函数式组件状态、super原理、受控与非受控组件、小案例(三)
ref属性React提供的这个ref属性,表示对组件真正实例的引用,其实就是ReactDOM.render()返回的组件实例。ref可以挂载到组件上也可以是dom元素上。挂到组件(class声明的组件)上的ref表示对组件实例的引用。不能在函数式组件上使用 ref 属性,因为它们没有实例:挂载到dom元素上时表示具体的dom元素节点。Refs and the DOM类组件ref的字符串方式如果你目前还在使用 this.refs.textInput 这种方式访问 refs ,建议用回调函数或原创 2020-09-28 21:28:12 · 2454 阅读 · 0 评论 -
style用法、封装数组遍历、改变数据再次生成真实dom、函数式组件与类组件、对象的处理、简单案例(二)
React的style用法给jsx代码中添加样式,需要将class(保留字) ==> className形式!给jsx代码中添加内联样式,style={ {} } <style> .red{ color:red } </style></head><body> <div id="app"></div> <script type="t原创 2020-09-27 21:54:08 · 200 阅读 · 0 评论 -
React起源、特点、高性能原理、React与Vue区别、React Fiber协调算法、构建React简易环境、JSX语法糖、React表达式、事件、数组遍历(一)
React起源React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。React的特点1、声明式 以声明式编写 UI,可以让你的代码更加可靠,且方便调试。2、组件化 创建拥有各自状态的组件,再由这些组件构成更加复杂的 UI。3、一次学习,随处编写 无论你现在正在使用什么技术栈,你都可以随时引入 React 来开发新特原创 2020-09-27 16:05:02 · 404 阅读 · 0 评论