React - 程序员宅基地

React 中 react-i18next 切换语言（项目国际化）

React 中 react-i18next 切换语言（项目国际化） **在React中，使用 react-i18next 切换中英文目录React 中 react-i18next 切换语言（项目国际化）安装依赖一、文件配置1、config.ts2、zh.json3、en.json二、...

React生命周期函数

标签： react.js javascript ecmascript

React生命周期函数

React基础（1）—— React.FC和为组件定义类名

标签： react.js

React.FC TS泛型 TS泛型是指在定义函数、接口或类的时候，不预先指定具体的类型，而在使用的时候再指定类型的特性。 React.FC React.FC表示函数式组件，是在TypeScript中使用的一个泛型。为React.FC传入...

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

标签： react js javascript

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

react 使用cookie react-cookies

标签： cookie react-cookies

react-cookies Install npm install react-cookies -S //or yarn add react-cookies -S Import import cookie from 'react-cookie' Handle //存 cookie.save(key, value, { path: '/' }); //取 cookie.load(key) /...

react动态加载组件

标签： react.js 前端 javascript

因为使用的import函数，所以需要在babel中引入一个插件。

react 组件传参 props.children如何与组件之间进行数据通信

标签： react.js javascript react

父组件通过遍历 children，使用 React.cloneElement 将 sendDataToParent 回调函数作为新的 prop 传递给每个子组件。方法二：使用渲染函数作为 props.children 你可以使用一个接受参数并渲染其子元素的函数作为 ...

react中的双向绑定

标签： js javascript ecmascript

在react中其实是没有双向绑定的概念，每次更新页面和值都需要我们自己去调用指定的api来触发。

react中路由重定向

标签： react.js javascript react中路由重定向

react中路由重定向 react路由重定向官方文档说明 render 属性：是一个函数prop，用于指定要渲染的内容 Redirect 组件用于实现路由重定向，to 属性指定要跳转到的路由地址 <Route exact path="/home" component={...

React极速入门指南

标签： reactnative reactnative环境搭建 reactnative日历

课程说明 React这个前端框架，学习路线非常陡峭，也就是说难度挺大。所以导致很多w3cschool的小伙伴都对这个框架有点害怕，从而不学这个框架，这是一个非常错误的举动。 React在国外的普及率非常高，由此可见这个...

React之组件介绍及用法详解

标签： React组件组件中的数据渲染组件的组合和嵌套

react开发需要引入多个依赖文件：react.js、react-dom.js，分别又有开发版本和生产版本，create-react-app里已经帮我们把这些东西都安装好了。把通过CRA创建的工程目录下的src目录清空，然后在里面重新创建一个index...

react-pdf预览pdf

标签： react.js javascript 前端

react预览pdf

React懒加载

标签：大数据

React懒加载

React Developer Tools 下载

标签： react.js 前端

react react developer tools 下载方法

vite+react+ts+sass搭建项目

标签： react.js sass vite

vite+React+ts+sass重0开始搭建项目

React实现拖拽效果

标签： react.js 前端

使用react完成拖拽功能

初学者如何搭建React开发环境并且创建react项目

标签： react.js 前端 reactjs

搭建React开发环境1.搭建前提2.下载node.js和cnpm3.安装react环境4.创建react项目输入命令如下显示成功5.运行reactDemo文件6.错误示范 1.搭建前提我们要在服务端运行js，就需要一个依赖环境，类似于服务器上运行...

React是什么，React的优点、缺点

标签： javascript

React是什么，React的优点、缺点，与Vue对比在React源码中的React哲学里有这样一句话：我们认为，React是用JavaScript构建快速响应的大型的Web应用程序的首选方案。由此可见，关键在于快速响应，大型web应用。 ...

React一到三年面试题以及进阶题分享

标签： react面试题 react一到三年面试题 react一到三年面试题总结

笔者是众多React开发者之一，编写react已有不少时日了，面试的时候遇到了很多自己不懂的东西，每次面试后都会把自己感觉蛮重要的内容总结下来，于是便有了此篇文章。希望此文章能够帮助到大家。 React面试题正文： ...

react项目打包

标签： react.js javascript 前端

一、react项目打包对于使用脚手架创建的项目，打包是一件非常容易的事情： yarn build 其他文件没有太多要解析的，我们看一下js文件： [hash].chunk.js 代表是所有依赖的第三方库， vendor(第三方库) 的代码； ...

React.forwardRef的使用说明

标签： react.js javascript 前端

React.forwardRef

React Native环境配置搭建（史上最详细教程）

标签： react native android android studio

1.首先看官网React 注意要点：必须要有node，javaJDK和AndroidStudio。再分别看这三者的条件：（1）node必须在14以上，可以去[ node官网](http://nodejs.cn/)下载，我这里用的是NVM。 NVM教程搞好之后检查...

React中ref的使用方法和使用场景（详解）

标签： react.js javascript 前端

不管在Vue中还是React，如果我们想使用一个元素的DOM，不需要通过JS中操纵DOM的方法，它们提供了一个专属的API就是ref。而Vue中的ref可能比较简单，这一篇主要讲一下如何在React中使用ref，以及使用ref的场景。

react+js或react+ts(tsx)使用creat-react-app、yarn搭建步骤

标签： react.js javascript yarn

npm、cnpm、yarn 搭建react + js 或者 react + ts（tsx）创建 react+js或react+ts(tsx)使用creat-react-app、yarn搭建步骤

React 生成二维码

标签： react.js javascript react native

使用qrcode.react 安装依赖库 npm install qrcode.react // yarn add qrcode.react 代码实现 import React, { Component } from 'react'; import { Modal} from 'antd'; const QRCode = require('qrcode....