jsx 语法，直接可以在js中使用html标签。 还可以通过花括号的形式，在html标签中，写js表达式。 事件是大写 React中的编程思想是，面向数据编程。只要定义数据就OK了，数据变了，页面展示的内容就会变了。 React删除不需要操作dom，只需要操作数据就可以了。将对应的数据从删除，自动就
原创
2021-08-05 16:03:15
215阅读
一、是什么 React，用于构建用户界面的 JavaScript 库，提供了 UI 层面的解决方案 遵循组件设计模式、声明式编程范式和函数式编程概念，以使前端应用程序更高效 使用虚拟DOM来有效地操作DOM，遵循从高阶组件到低阶组件的单向数据流 帮助我们将界面成了各个独立的小块，每一个块就是组件，这 ...
转载
2021-07-23 09:43:00
183阅读
2评论
解决问题：改善与 Web Components 的集成完整支持自定义元素正确处理属性和属性传递。
安装npm install react-router-dom@6配置路由import { render } from "react-dom";import {
原创
2022-11-23 00:21:54
273阅读
你还在为该使用无状态组件（Function）还是有状态组件（Cla
转载
2022-08-29 22:18:50
75阅读
今天我们发布了 React 16.9。它包含了一些新特性、bug修复以及新的弃用警告，以便与筹备接下来的主要版本。一、新弃用重命名 Unsafe 生命周期方法一年前，我们宣布 unsafe 生命周期方法重命名为：componentWillMount → UNSAFE_componentWillMountcomponentWillReceiveProps → UNSAFE
转载
2022-10-24 13:16:10
84阅读
index.js import React from 'react' import ReactDOM from 'react-dom' class ANumber extends React.Component { constructor() { super() this.state = { num ...
转载
2021-09-09 10:23:00
343阅读
2评论
（五）React的三大特性 refs 简介： 使用refs 组件内的标签可以定义ref属性来标识自己 such as： 注意在使用的是 this.refs refs 1.字符串形式的refs使用 （不推荐使用 原因就是存在一些效率的问题 我觉得就是收集获取的时候存在问题吧） 案例的作用 点击按钮获取 ...
转载
2021-10-14 14:49:00
103阅读
2评论
与我使用的其他框架相比，我最喜欢 react 的原因之一就是它对 JavaScript 的暴露程度。没有模板DSL（ jsX 编译为合理的 JavaScript），组件 API 只是通过添加 React Hooks 变得更简单，并且该框架为解决的核心 UI 问题提供非常少的抽象概念。 因此，学习 J
转载
2020-12-11 13:17:00
134阅读
2评论
在现代前端开发中，React已成为构建复杂用户界面的首选库。随着React版本的不断迭代，其高级特性为开发者提供了更强大的工具和更优雅的解决方案。本文将深入探讨React的几个高级特性，包括高阶组件（HOC）、Hooks、错误边界（Error Boundaries）以及Hooks数据流管理，帮助你更好地理解和应用这些特性，提升React应用的质量和开发效率。## 高阶组件（HOC）：逻辑复用的...
Vue均使用ES6语法，主要以单文件组件为例，写法上优先使用缩写。 React使用TS语法。 生命周期 Vue React 入口&根实例 Vue const app = new Vue({ /* 选项 */ render: (h) => h(App) // App为根组件 }).$mount('#a
转载
2017-05-22 22:05:00
50阅读
2评论
原文地址：What’s new in React 16.3(.0-alpha)原文作者：Bartosz Szczeciński译文出自：掘金翻译计划本文永久链接：github.com/xitu/gold-m…译者...
转载
2018-02-13 09:19:00
32阅读
React组件的三大特性 Props 复习三点运算符： 常用的就是 展开数组 合并数组 不能单独展开对象 但是可以合并对象{...person,name:'jack',address:"地球"} 在函数中使用进行单独的传值 <script type="text/javascript" > //在数组 ...
转载
2021-10-14 11:16:00
214阅读
2评论
styled-components 特性 props 在前面的文章当中介绍了一个 styled-compoents 的一个动态修改状态的特性，这个特性就是借助 props 来实现的，如下, 假如我现在有这么一个需求就是点击一个按钮修改一下 p 标签的颜色： import React from 're
原创
2022-05-10 22:14:00
63阅读
原文地址：What’s new in React 16.3(.0-alpha)原文作者：Bartosz Szczeciński译文出自：掘金翻译计划本文永久链接：github.com/xitu/gold-m…译者...
转载
2018-02-13 09:19:00
101阅读
2评论
React组件的三大特性 State 了解State的使用：（通过原理） 展示state里面的this指向问题(做参考 实际是简写方式) 这是一个修改天气的案例，使用state存储状态，在展示的地方进行获取展示，然后在更新状态的时候是怎么一个的状态，render调用几次，在声明方法的时候是怎么的格式 ...
转载
2021-10-13 17:18:00
186阅读
2评论
React Router v6是React生态系统中最重要的更新之一，带来了许多革命性的变化和改进。这个版本不仅简化了API设计，还增强了性能表现，为开发者提供了更加直观和强大的路由管理解决方案。
全新的设计理念
React Router v6采用了全新的设计哲学，专注于简化开发体验和提升代码可读性。相比v5版本，v6最大的改变在于从静态路由配置转向动态路由匹配，这使得路由配置更加灵活且易于理解。
