React - 程序员宅基地

VS Code React快速代码插件ES7+ React/Redux/React-Native snippets

ES7+ React/Redux/React-Native snippets - Visual Studio Marketplace Extension for Visual Studio Code - Extensions for React, React-Native and Redux in JS/TS with ES7+ syntax. Customizable. Built-in ...

React中的函数组件详解

标签： javascript react.js

1. 创建方式 // 写法一 const Hello = (props) => { return <div>{props.message}</div> } // 写法二 const Hello = props => <div>{props.message}</div>.../

React——react-router-dom V6 使用

标签： react

cnpm i -S react-route-dom@6 2. react-route-dom V6 属性：BrowserRouter 、Routes 、Route、Link . function Index(){ return <div> <BrowserRouter> <Routes> <Route path="/" element...

react+es6+js

标签： react：js；es6

react核心内容：深入学习create-react-app脚手架搭建工程化项目重写初始化项目深入剖析react和react-dom的作用零基础讲解react的基础语法和详细讲解生命周期讲解函数组件和class组件和分析傻瓜组件与聪明组件的...

react+js教程套餐

标签： react；js

react核心内容：深入学习create-react-app脚手架搭建工程化项目重写初始化项目深入剖析react和react-dom的作用零基础讲解react的基础语法和详细讲解生命周期讲解函数组件和class组件和分析傻瓜组件与聪明组件的...

react+vue2套餐

标签： react；vue2

核心内容：深入学习create-react-app脚手架搭建工程化项目重写初始化项目深入剖析react和react-dom的作用零基础讲解react的基础语法和详细讲解生命周期讲解函数组件和class组件和分析傻瓜组件与聪明组件的区别 ...

【react学习】react依赖安装和依赖简介

标签： react.js 学习 javascript

react依赖安装

React功能篇 - 使用react-i18next进行国际化

标签： react i18next 国际化

react-i18next国际化步骤一.安装依赖二.配置文件2.1 新建config.js2.2 语言文件示例三.详细使用3.1 类（class）组件中使用3.2 函数（function）组件或Hook中使用3.3 切换语言功能一.安装依赖安装react-i18next和 ...

react实现倒计时方法

标签： react.js 前端 javascript

倒计时函数

react native 高德定位 react-native-amap-geolocation

标签： react native android ios

react native开发的时候用到的这个高德的定位模块【react-native-amap-geolocation】支持android和ios，在这里简单的捋一下流程。一、申请apiKey 由于【react-native-amap-geolocation】使用的高德地图，因此...

React文件预览,React实现在线预览docx，xslx，pdf格式文件

标签： react js javascript

由于项目需要实现文件的预览功能，通过查询百度找到了一个组件，就是react-file-viewer，其官方API中描述可支持文件格式有以下格式：图片：png，jpeg，gif，bmp，包括360度图片 pdf格式 CSV xslx docx 视频：mp4，...

React框架新手入门

标签：前端框架

React框架简介 react是Facebook公司产品用于创建用户界面Javascript库特点 1.组件思维 2.单向流数据 3. 虚拟Dom节点

React通过docx-preview预览Word文档

标签： react.js word 前端

在基于React的Web应用中，我们经常遇到需要预览和展示Word文档的需求。而是一个优秀的React组件库，可以帮助我们实现在Web页面上预览Word文档的功能。本文将介绍如何使用组件来实现Word文档的预览，并提供一个案例供...

使用React Native源码编译Android项目

标签： android aop gradle

公司的项目用到了React Native，最近通过后台监控到一些崩溃问题，主要出在React Native Java侧的源码中，由于不太好改这个问题，于是希望通过修改React Native源码达到规避Crash的问题，下面记录编译React Native...

React 中常用的几种路由跳转方式

标签：前端前端框架 react.js

一、push跳转。

react使用echarts

标签： echarts react.js javascript

1.引入echarts 2.创建子组件 3.在父组件中导入

react中props详解

标签： react.js javascript 前端

本文主要介绍了react中的props详细的使用方法

react 使用 useEffect 及踩坑

标签： react useEffect React.useEffect

useEffect时reactHook中最重要，最常用的hook之一。useEffect相当于react中的什么生命周期呢？这个问题在react官网中有过介绍，在使用的过程中，容易被忽略，在面试的时候却经常被问及，（面试造航母，上班拧螺丝？

create-react-app降低react的版本

标签：前端 react.js

react最近不是出18了吗但问题是很多的库都还不支持而且工作中不会使用特别新的技术但用create-react-app创建的项目默认为react18版本这里我们降版本只需要一行命令 npm install [email protected] [email protected]...

React报错之React hook ‘useState‘ cannot be called in a class component

标签： react.js 前端前端框架

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-D3Y9dzKn-1661274578536)(https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/2a01cb9ce10e40568a33eff7e56a4142~tplv-k3u1fbpfcp-...

React-Router面试题汇总

标签： react.js 前端 reactjs

[react-router] React-Router怎么获取URL的参数？ [react-router] 在history模式中push和replace有什么区别？ [react-router] React-Router 4中组件有几种类型？ [react-router] React-Router怎么设置重定向？ ...

react基础（安装，搭建，基础用法）

标签： react.js javascript 前端

一，react是什么？ react是一款前端编程框架，是一个用于构建用户界面的 javascript 库，最初起源于 Facebook 的内部项目，开源以后因其便捷的操作迅速成为了前端工程师最得力的工具，React 拥有较高的性能，代码...

React+TS学习和使用

标签： react.js 学习 javascript

开启学习react+ts，本篇主要是用react创建项目和了解Function Component。

一款基于React的思维导图脑图组件 (zz-mind-react)

标签：前端 react.js 前端框架

一款基于React的脑图组件，风格简约，功能强大。支持导出等等功能，欢迎大家体验~

react路由守卫

标签： javascript react.js

import React from 'react' import { Route, Redirect } from 'react-router-dom' import { message } from 'antd' export default function AuthRoute({ component: Component, ...rest }) { return ( <Route...