搭建react项目时，刚开始路由的配置文件都是写死的，每写一个组件然后都需要自己去路由的配置文件中进行配置路由。其实刚开始觉得也很正常，因为动态import感觉很难实现。但是项目需求后台需要记录那些组件的路径以及路由 跳转的路径。所以就想到了哪些数据都由后台返回，前端只需要根据后台返回的路径动态的引入组件。 一开始后台返回的是完整路径，比如说自己写的组件在pages目录下，然后在router
转载
2023-12-13 22:29:59
141阅读
不使用ES6通常情况下，定义一个React组件可以使用ES6规范中的class关键字：class Greeting extends React.Component {
render() {
return <h1>Hello, {this.props.name}</h1>;
}
}如果不使用ES6语法，可以直接使用 React.createClass
转载
2024-06-28 01:38:42
29阅读
2021年值得推荐的3个React动画库及思考1. React Spring这是React官网提到的三个动效库之一，还有两个是react-transition-group和react-motion，后面我们会讲到，目前有19.1K的Star，和React-motion部分伯仲。这是一个基于弹簧物理学的动画库，基本上能满足大多数与UI相关的动画需求，继承了animated强大的插值和性能，以及rea
转载
2024-08-23 10:27:19
42阅读
参考官方文档：react-router官方文档ReactRouter 是一种前端路由的实现方式，关于前端路由的原理后续补充Router 的新版本号是 v5，ReactRouter 包含 3 个库：react-router、react-router-dom 和 react-router-native。react-router 提供最基本的路由功能，实际使用时，我们不会直接安装 react
一、简介二、滚动例子，滚动改变颜色 1 2 3 4 5 React涓殑浜嬩欢 6 7 8 9 10 33 34 三、鼠标事件，输对密码才显示内容 1 2 3 4 5 React涓殑浜嬩欢 6 7 8 9 ...
转载
2015-12-17 23:32:00
125阅读
2评论
简单来说，ref就是用来获取真实dom元素或者是组件实例的属性。1. 创建和访问ref 的值根据节点的类型而有所不同：当 ref 属性用于 HTML 元素时，构造函数中使用 React.createRef() 创建的 ref 接收底层 DOM 元素作为其 current 属性。当 ref 属性用于自
后面会陆续写一些文章分析React Native源码，今天分析下模块加载的过程，包括系统模块和用户自定义模块的加载。源码是基于0.19.1，加载的大概流程和0.54差别不大，所以小伙伴们也不用特别纠结。首先先看下怎么自定义Java模块给JS调用。直接用的官方的ToastAndroid的例子了。 ###1.自定义模块 首先创建一个原生模块，原生模块是继承了ReactContextBaseJavaMo
见贤思齐焉，见不贤内自省首先我们需要有一个数据结构，首先需要是一个数组，当然字段都可以自己定义，我这里没按照规范起名。 核心在于将数据整理好，字段梳理清楚，将state中用到的字段动态插入，提醒必填项也要动态遍历。 比如：let stateOptions = [{
value: 'name',
title: '允许传送',
转载
2023-11-20 06:06:49
43阅读
1. 访问对象属性js中访问对象属性一共有两种方法：点获取法和方括号获取法。let user = { // 一个对象
name: "John", // 键 "name"，值 "John"
age: 30, // 键 "age"，值 30。列表中的最后一个属性应以逗号结尾：便于我们添加、删除和移动属性
};使用点符号访问属性值 alert( user.name );
转载
2023-06-22 20:46:36
356阅读
1：桌面随便新建一个文件夹，用来存放项目，我的叫my-rea2：打开my-react文件夹，在路径中输入cmd，然后回车3：然后输入命令：create-react-app project(你想起的项目名称)4： 此时执行npm start就可以运行项目了，但是虽然项目已经运行成功，但是在项目目录里是找不到webpack配置项的。比如，我们想配置less、sass、配置项目接口请求等，这时我们需要做
转载
2024-07-05 04:11:17
108阅读
注释jsx语法不是js环境，因此不能渲染js注释，jsx语法也不是js环境，不能渲染HTML注入：<!-- html注释 -->所以为了在jsx语法中，让js注释生效，我们要创建js环境注释语法有注释掉语句的功能，所以注意：如果使用单行注释，千万不要注释掉插值闭合符号所以在工作中，多行注释更常用。虚拟DOM四类属性在react中，虚拟DOM有四类属性：元素属性，非元素属性，特殊
原创
精选
2022-08-21 09:28:25
437阅读
mzh/article/details/894896442. Comment.jsimport React from 'react';class Comment extends React.Component { props; constructor(props) { ...
原创
2021-08-13 11:49:51
139阅读
React 里有一个非常常用的模re _.extend。return Component(Object.
转载
2022-09-07 10:38:13
155阅读
最近学习了一波react，暂时感觉用起来很舒服，和vue相比，react最大的特点就是需要有点js的基础，不然有点难搞！ react既然用起来这么舒服，这次就说说react不得不聊的三大属性吧！当然在说三大属性之前，我们可以必须要聊点其他方面的废话 1.模块化和组件化 1.1 模块化：就是将一个大的 ...
转载
2021-05-30 14:24:00
131阅读
2评论
一、动态创建节点在js中为我们提供了相应的方法去去动态创建元素节点，众所周知，js中我们可以随意去按照我们的需要去选择添加饿哦们所需要的元素，但是这些都是我们在使用之前创建的，也就是我们始终处于被动状态中中，学习了动态创建节点之后，你只需要获得元素，然后就可以用动态的方式，用代码去创建一个元素。1、例如我们要创建一个h1标签，这时候首先应该创建一个h1标签，之后为其附上属性值，之后再将h1标签与其
转载
2023-07-22 18:58:17
169阅读
react简述-react基础-jsx语法-jsx表达式-jsx动态属性-jsx列表渲染
原创
2022-09-27 13:48:33
277阅读
react-动态路由
原创
2021-07-15 10:19:10
258阅读
在React中定义组件函数式组件函数式组件（用函数定义的组件）比较简单一般用于静态没有交互事件内容的组件页面// 1、创建函数式组件 (组件是代码和资源的结合)
function MyComponent(){
console.log(this) // 此处的this是undefin 因为babel翻译后开启了严格模式
return <h1>我是函数定义的组件（适应于【
react-动态路由
原创
2022-01-18 17:26:06
274阅读
//在render里获取内容const html = { __html: content }<div className = "html-wrap" dangerouslySetInnerHTML = { html }></div>
原创
2022-08-03 16:45:16
561阅读
