乐胖代购免代理版

Rn视图生成图片并保存到相册

【代码】Rn视图生成图片并保存到相册。

react native

react.js

javascript

Text

Image

原创 2023-10-07 12:28:59 310 阅读

React处理多表单输入

【代码】React处理多表单输入。

react.js

javascript

前端

重置

原创 2023-07-23 00:09:03 85 阅读

React使用Mobx6.x共享状态

文档地址安装mobx、mobx-react-litemobx-react-lite是mobx-react的轻量级版本yarn ad

react

数据

原创 2022-07-06 19:17:56 610 阅读

react-router6.x路由配置及导航

预览效果项目目录router/index.jsximport { lazy } from 'react'const Index = lazy(() => import('@/pages/Index.jsx'))const Home = lazy(

react.js

a标签

嵌套

原创 2022-07-06 19:17:48 524 阅读

React性能优化memo+useMemo+useCallback

定义子组件Son.jsxexport default () => { return ( <div>子组件{Math.random()}</div> )}定义父

react.js

javascript

前端

传递函数

语法糖

原创 2022-07-06 19:17:39 74 阅读

React导入外部css样式不影响全局

import style from "./style.module.css"color为你的类名 <div className={style.color}>引入外部的css样式</div>后面会自动拼接唯一的hash值React文档说明

css

类名

css样式

原创 2022-07-06 19:11:39 140 阅读

React引入react-contexify代替鼠标右键

尝试antd的社区精选组件 - 右键菜单这里推荐了两个组件，我都安装尝试过，这里比较推荐使用r

react.js

javascript

ecmascript

css

右键

原创 2022-07-06 19:11:09 493 阅读

React创建create-react-app项目

react文档第三方react文档创建基于create-react-app工程化项目npx create-react-app react-democd react-demonpm start启动成功我的react练手项目

github

持续更新

git

原创 2022-07-06 16:50:31 166 阅读

React配置antd组件按需加载

antd文档npm install antd -s在App.css中引入@import '~antd/dist/antd.css';在组件中引入import { Button } fro/Button> ) }

css

javascript

自定义

原创 2022-07-06 16:50:15 144 阅读

React关闭Eslint代码检查

package.json里找到eslintConfig新增 "eslintConfig": { "rules": { "no-undef": "off", "no-restricted-globals": "off", "no

sed

json

原创 2022-07-06 16:49:58 786 阅读

React父子组件之间互相传值

父组件import React, { Component } from 'react';import Head from "../components/Head"class Comp extends Component { construc

传递参数

默认值

string类

原创 2022-07-06 16:49:51 95 阅读

React引入jszip实现多个文件打包成zip下载

安装两个插件yarn add jszip file-saver可直接复制查看效果import JSZip from 'jszip'import { sav

react.js

xml

原创 2022-07-06 16:49:47 500 阅读

React引入Redux实现组件间共享状态

安装npm install redux -s在src目录下新建store文件夹，新增index.js文件导入redux基本模块import { createStore

自定义

赋值

数据

原创 2022-07-06 16:49:37 132 阅读

React-router5.x配置路由模块化及嵌套路由

在src目录下新建router文件夹创建index.js文件import { lazy } from 'react';// 基于路由进行代码分割 // 经测试可

react.js

github

懒加载

html

原创 2022-07-06 16:49:30 837 阅读

React-router路由跳转及传参

标签跳转及传参import { Link } from "react-router-dom";动态路由传参<Link to={`/detail/123`}>跳转到详情</Link>path

ico

转义

标签跳转

原创 2022-07-06 16:49:23 631 阅读

React通过@craco/craco代理接口

craco.config.js文件module.exports = { // 代理接口 devServer: { proxy: { '/

ios

原创 2022-07-06 16:49:15 1080 阅读

React引入swiper6.x版本

官方react安装swiper说明npm i swiper在组件进行导入css样式根据自己的项目自行导

ide

css样式

原创 2022-07-06 16:49:11 224 阅读

React引入antd-mobile+postcss搭建移动端

安装antd-mobile全局引入npm install antd-mobile --save在App.js引入cssimport 'antd-mobile/dist/antd-mobile.css';在jsx使用antd组件import R

css

ide

自定义

原创 2022-07-06 16:49:09 423 阅读

React传送门Portals使用

Portal可以渲染到父节点root之外的节点上第一个参数布局元素，第二个参数是指定渲染到的Dom节点。impor

html

父节点

原创 2022-07-06 16:48:57 86 阅读

React引入react-transition-group实现过渡效果

文档地址安装npm install react-transition-group该组件提供了4个组件Transition、CSSTr

css

原创 2022-07-06 16:48:54 225 阅读

React高阶组件HOC的使用

高阶组件（HOC）是 React 中用于复用组件逻辑的一种高级技巧。高阶组件只提供逻辑代码

react.js

javascript

ecmascript

参数传递

复用

原创 2022-07-06 16:46:21 134 阅读

React引入react-typewriter-hook实现打字效果

npm install react-typewriter-hook核心代码import React from 'react';import useTypewriter from "react-typewriter-hook"const Note = () => { con

编程

原创 2022-07-06 16:45:51 470 阅读

React通过conetxt实现多组件传值

该功能实现效果类似于vue的provide/inject而React可通过context进行完成定义一个公共的文件context/Theme.jsximp

react.js

javascript

ecmascript

ide

响应式

原创 2022-07-06 16:45:37 63 阅读

React+vite引入antd并按需引入

安装antdyarn add antd完整引入App.jsx使用.less是为了方便设置主题色import 'antd/dis

react

css

javascript

原创 2022-07-06 16:44:14 3454 阅读

React动态绑定全局数据和遍历数组

import React, { Component } from 'react'class News extends Component { constructor() { su", age: "18" }, {

遍历数组

数据

原创 2022-07-06 16:43:31 112 阅读

React组合（slot插槽）

子组件import React, { Component } from 'react';class Slot extends Co

g

原创 2022-07-06 16:43:26 185 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

qq62c540ca3eb9b的博客

Rn视图生成图片并保存到相册

React处理多表单输入

React使用Mobx6.x共享状态

react-router6.x路由配置及导航

React性能优化memo+useMemo+useCallback

React导入外部css样式不影响全局

React引入react-contexify代替鼠标右键

React创建create-react-app项目

React配置antd组件按需加载

React关闭Eslint代码检查

React父子组件之间互相传值

React引入jszip实现多个文件打包成zip下载

React引入Redux实现组件间共享状态

React-router5.x配置路由模块化及嵌套路由

React-router路由跳转及传参

React通过@craco/craco代理接口

React引入swiper6.x版本

React引入antd-mobile+postcss搭建移动端

React传送门Portals使用

React引入react-transition-group实现过渡效果

React高阶组件HOC的使用

React引入react-typewriter-hook实现打字效果

React通过conetxt实现多组件传值

React+vite引入antd并按需引入

React动态绑定全局数据和遍历数组

React组合（slot插槽）

欢迎