React
乐夫天命兮
一名默默无闻欺负键盘的人,坚持做我自己!!!!
展开
-
React V18.0.0
Concurrent ModeConcurrent Mode(以下简称 CM)翻译叫并发模式,这个概念我已经听了好多年了,并且一度非常担忧React 官方憋了好多年的大招,会不会是一个破坏性不兼容的超级大版本?就像 VUE v3 和 v2。现有的生态是不是都得跟着大版本升级?比如 ant design,ahooks 等。随着对 CM 的了解,我发现它其实是人畜无害的。CM 本身并不是一个功能,而是一个底层设计,它使 React 能够同时准备多个版本的 UI。在以前,React 在状态变更后原创 2022-04-22 10:57:17 · 291 阅读 · 0 评论 -
05.将组件抽离为单独的文件
// 1.导包import React from ‘react’import ReactDOM from ‘react-dom’// 导入Hello组件// 默认,如果不做单独的配置的话,不能省略.jsx后缀名// import Hello from ‘./components/Hello.jsx’// 注意:这里的@符号,表示 项目根目录的srcimport Hello from ‘@/components/Hello.jsx’const dog = {name: ‘大黄’,age:原创 2021-03-12 21:45:31 · 178 阅读 · 0 评论 -
04.创建组件的第一种方式
// 1.导包import React from ‘react’import ReactDOM from ‘react-dom’//第一种创建组件的方式function Hello(props) {//如果在一个组件中return一个null,则表示此组件为空,什么都不会渲染// return null//在组件中,必须返回一个合法的JSX虚拟DOM元素console.log(props)// 结论 :不论是Vue 还是React,组件中的props永远都是只读的,不能被重新赋值retu原创 2021-03-12 21:44:59 · 88 阅读 · 0 评论 -
03.jsx语法中的注意事项
// 1.导包import React from ‘react’import ReactDOM from ‘react-dom’// 2.创建虚拟DOM元素// const mydiv = React.createElement(‘div’,{id:‘mydiv’,title:‘div aaa’},‘这是一个div元素’)let a = 10let str = ‘你好中国’let boo = falselet title = ‘999’const h1 = 红红火火// const ar原创 2021-03-12 21:44:31 · 101 阅读 · 0 评论 -
02.jsx语法最基本的使用
// 1.导包import React from ‘react’import ReactDOM from ‘react-dom’// 2.创建虚拟DOM元素// const mydiv = React.createElement(‘div’,{id:‘mydiv’,title:‘div aaa’},‘这是一个div元素’)// HTML是最优秀的表记语言// 注意: 在js文件中,默认不能写这种类似HTML的标记;否则打包会失败;// 可以使用 babel 来转换这些 js 中的标签;//原创 2021-03-12 21:43:41 · 191 阅读 · 0 评论 -
01.react最基本代码
//webpack-dev-server 打包好的main.js是托管到了内存中;所以在项目目录中看不到;//但是我们可以认为,在项目目录中,有一个看不见的main.js// 1.这两个导入时候,接收的成员名称,必须这么写import React from ‘react’ // 创建组件/虚拟dom元素,生命周期import ReactDOM from ‘react-dom’ // 把创建好的 组件 和 虚拟dom放到页面上展示的// 2.创建 虚拟DOM 元素// 参数1:创建的元素的类型,字原创 2021-03-12 21:43:11 · 321 阅读 · 0 评论 -
React.js总结(1)
React.js1.React简介React起源于FaceBook的内部项目,因为该公司对市场上所有的avascript MVC框架有不满意,就决定自己写一套,用来架设Instagram(照片交友)的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。Angula 2009年由谷歌 MVC不支持组件化开发。由于Reactde 设计思想独特,属于革命性创新,性能出众,代码逻辑却非常简单。所以越来越多的人开始关注和使用,认为它可能是将来web开发的主流工具。清楚两个概原创 2021-03-12 21:40:16 · 503 阅读 · 0 评论 -
React简介
React.js一、什么是React.js?React 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。...原创 2018-10-18 10:42:33 · 313 阅读 · 0 评论