![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
乐夫天命兮
一名默默无闻欺负键盘的人,坚持做我自己!!!!
展开
-
React V18.0.0
Concurrent Mode Concurrent Mode(以下简称 CM)翻译叫并发模式,这个概念我已经听了好多年了,并且一度非常担忧 React 官方憋了好多年的大招,会不会是一个破坏性不兼容的超级大版本?就像 VUE v3 和 v2。 现有的生态是不是都得跟着大版本升级?比如 ant design,ahooks 等。 随着对 CM 的了解,我发现它其实是人畜无害的。 CM 本身并不是一个功能,而是一个底层设计,它使 React 能够同时准备多个版本的 UI。 在以前,React 在状态变更后原创 2022-04-22 10:57:17 · 280 阅读 · 0 评论 -
05.将组件抽离为单独的文件
// 1.导包 import React from ‘react’ import ReactDOM from ‘react-dom’ // 导入Hello组件 // 默认,如果不做单独的配置的话,不能省略.jsx后缀名 // import Hello from ‘./components/Hello.jsx’ // 注意:这里的@符号,表示 项目根目录的src import Hello from ‘@/components/Hello.jsx’ const dog = { name: ‘大黄’, age:原创 2021-03-12 21:45:31 · 163 阅读 · 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 · 83 阅读 · 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 = 10 let str = ‘你好中国’ let boo = false let title = ‘999’ const h1 = 红红火火 // const ar原创 2021-03-12 21:44:31 · 92 阅读 · 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 · 183 阅读 · 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 · 308 阅读 · 0 评论 -
React.js总结(1)
React.js 1.React简介 React起源于FaceBook的内部项目,因为该公司对市场上所有的avascript MVC框架有不满意,就决定自己写一套,用来架设Instagram(照片交友)的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。 Angula 2009年由谷歌 MVC不支持组件化开发。 由于Reactde 设计思想独特,属于革命性创新,性能出众,代码逻辑却非常简单。所以越来越多的人开始关注和使用,认为它可能是将来web开发的主流工具。 清楚两个概原创 2021-03-12 21:40:16 · 495 阅读 · 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 · 304 阅读 · 0 评论