React之常用技术栈
· react-redux：https://www.cnblogs.com/jingxuan-li/p/12439181.html · react-router-dom：https://www.cnblogs.com/jingxuan-li/p/12500266.html...
react native中如何往服务器上传网络图片
let common_url = 'http://192.168.1.1:8080/'; //服务器地址 let token = ''; //用户登陆后返回的token /** * 使用fetch实现图片上传 * @param {string} url 接口地址 * @param {...
react native中使用echarts
开发平台：mac pronode版本：v8.11.2npm版本：6.4.1react-native版本：0.57.8native-echarts版本：^0.5.0目标平台：android端收银机，android7.0+最近在使用react native进行app的开发工作，rn开发的内容会与原生ap...
react native中一次错误排查 Error:Error: Duplicate resources
最近一直在使用react native中，遇到了很多的坑，同时也学习到了一些移动端的开发经验。今天在做一个打包的测试时，遇到了一个问题，打包过程中报错“Error:Error: Duplicate resources”，什么意思呢，就是打包资源有重复，后来查看了一下，发现打包到android/app...
移动web端的react.js组件化方案
背景：随着互联网世界的兴起，web前端开发的方式越来越多，出现了很多种场景开发的前端架构体系，也对前端的要求日益增高，早已经不是靠一个JQuery.js来做前端页面的时代了，而今移动端变化最大，近两年出现了React-lite.js,Vue.js,ReactNative,Weex...等一些开发...
React.js入门必须知道的那些事
首先，React.js是facebook在2013年5月开源的一个前端框架，React不是一个MVC框架，它是构建易于可重复调用的web组件，侧重于UI, 也就是view层， React为了更高超的性能而使用虚拟DOM作为其不同的实现。 它同时也可以由服务端Node.js渲染 － 而不需要过重的浏览...
React.js入门笔记(再续)：评论框的实现
本案例来自React.js中文官网对应内容。一. 运行环境<link rel="stylesheet" type="text/css" href="css/css.css"/> <!-- 核心 --> <script src="js/react.js"><...
React 之 使用 ref 引用值（七）
当你希望组件“记住”某些信息，但又不想让这些信息 触发新的渲染 时，你可以使用 ref 。 //通过从 React 导入 useRef Hook 来为你的组件添加一个 refimport { useRef } from 'react';export default function Count...
React和antd如何封装权限按钮
在React和Ant Design（antd）中封装一个权限按钮涉及到两个主要步骤： 权限判断：首先，你需要有一个权限管理系统来存储和检查用户的权限。这通常是通过API从服务器获取用户权限，然后将其保存在应用的状态中。 封装按钮组件：基于用户的权限，你可以封装一个React组件，这个组件会渲染一个a...
react native仿微信性别选择-自定义弹出框
简述要实现微信性别选择需要使用两部分的技术：第一、是自定义弹出框；第二、单选框控件使用；效果实现一、配置弹出框弹出框用的是：react-native-popup-dialog（Git地址：https://github.com/jacklam718/react-native-popup-dialog）...
如何用 React Native 创建一个iOS APP？（三）
前两部分，《如何用 React Native 创建一个iOS APP？》，《如何用 React Native 创建一个iOS APP （二）？》中，我们分别讲了用 React Native 来创建 Navigation Bar，Tab Bar 等这些控件，今天在第三节，我们着重讲一下剩下的一些控件。...
React学习笔记-一、React入门
1、React是什么？ React是用于构建用户界面的JavaScript库。操作DOM呈现页面。是一个将数据渲染成HTML视图的开源JavaScript库。 2、React由Facebook开发开源的 3、为什么学React 原生JavaScript操作DOM繁琐、效率低（DOM-API操作UI...
react和vue在跨平台方面的比较
React 和 Vue 都是非常流行的前端框架，它们在跨平台开发方面都有各自的优点。 React： React Native：React 的跨平台解决方案是 React Native，它可以开发原生渲染的 iOS 和 Android 应用。React Native 使用和 React 相同的组...
react路由路径兼容.html-nginx配置
server { listen 2024; server_name localhost; location / { root C:app/dist; index index.html;try_files...
Node.js + React + MongoDB 实现 TodoList 单页应用
之前用 Ant Design 开发了一个项目，因此对 React 的特性有了一定的了解，React 使用封装组件的思想，组件各自维护自己的状态和 UI， 组件之间通过 props 传递数据和方法。当状态更新时自动重绘整个组件，从而达到局部刷新的效果，大大提高了 DOM 更新的效率，同时组件化十分有利...
React Redux学习笔记
React RouterReact Router 使用教程Redux中间件middleware［译]深入浅出Redux中间件Redux学习之一：何为middleware？ES6ES6新特性概览antant.designrekit先记录两篇博文，等有时间，整理一篇...
React配置@别名路径配置
1. 背景知识 路径解析配置（webpack），把 @/ 解析为 src/路径联想配置（VsCode），VsCode 在输入 @/ 时，自动联想出来对应的 src/下的子级目录 2. 路径解析配置 配置步骤： 安装craco npm i -D @craco/craco项目根目录下创建配置文件 ...
vue和react这两大前端框架的优缺点对比
【A】Vue和React是目前最流行的两个前端框架，它们都具有各自的优点和缺点。下面是对Vue和React的优缺点的详细介绍： Vue的优点： 简单易学：Vue的API设计简单，上手较为容易，学习曲线相对较低。文档丰富：Vue的官方文档详尽，提供了大量的示例和解释，方便开发者理解和学习。双向数据绑定...
基于 React 的图形验证码插件-react-captcha-code NPM 地址 ： react-captcha-code - npm
npm install react-captcha-code --save 如下我自己的封装： import Captcha from "react-captcha-code";type CaptchaType = { captchaChange: (captchaInfo: string...
react中useReducer若有多个值怎么操作?
当 initialState 包含多个对象值时，你的 reducer 函数需要针对每个属性维护其各自的状态更新逻辑。reducer 函数应该返回一个新的状态对象，其中包含了所有必要的属性，保持未更改的属性不变，同时更新那些需要变化的属性。 下面是一个包含多个状态属性的 initialState 的例...