react-app

react 常用api

一.react元素创建使用importReactDOMfrom'react-dom/client';//创建一个react元素constApp=我是react-app//获取根元素constroot=ReactDOM.createRoot
苦恋乡村·2025-02-03 19:12

Azure AD 和 Identity Server4 客户端身份验证和授权

客户端需要配置客户端ID、客户端秘钥、重定向URI和要请求的scope,如：newClient{ClientId="react-app"
条件if循环·2024-01-26 19:00

React基础语法整理

安装：yarncreatereact-appreatc-lesson--templatetypescriptyarncreate创建一个react-app的应用项目名称typescript的模板react-app
昵称老重复·2024-01-17 07:19

react项目中引入的组件在src外从而报错

起项目遇到一个报错，内容为：Modulenotfound:Error:Youattemptedtoimport/Users/Desktop/work/react-app/node_modules/console-browserify
StupigYy·2024-01-06 15:05

web前端学习（二）：React是最优秀的web框架，基于JS专注于视图层

一、React基础学习npx普通安装创建一个项目npxcreate-react-appreact-app创建一个react-app项目yarnstart启动项目(默认3000端口)http://localhost
起航吧！少年·2023-12-31 03:14

浅尝微前端(无界)

//使用插件app.use(WujieVue)const{setupApp,preloadApp}=WujieVue//注册子应用setupApp({name:'react-app',//子应用名称url
胡同学ou·2023-12-03 22:35

dva @connect Decorators must be placed *after* the ‘export‘ keyword. Remove the ‘decoratorsBeforeEx

cnpminstall@babel/plugin-proposal-decorators--save-dev//package.json添加"babel":{"presets":["react-app"
qq_41167198·2023-11-19 06:51

使用最新版vite搭一个react 18项目

6.14.1、[email protected]、[email protected]、[email protected]、[email protected]、[email protected]、[email protected]项目源码地址：react-app
张大炮y·2023-11-08 04:40

React18：创建React项目（自动）

Node_modulesPublicSrcPackage.Json总结使用步骤打开命令行进入到项目所在目录使用如下命令：npxcreate-react-app项目名注意：项目名不能带大写字符项目目录结构项目目录结构如下：react-app
_七七·2023-11-04 07:34

7.vue和react一起学 (*^_^*)

react创建通用构建配置的react-app
林柏川·2023-09-28 02:10

antd + react + less 配置

templatetypescriptyarnaddbabel-plugin-importyarnaddless-loaderlessyarneject暴露配置package.json"babel":{"presets":["react-app
武_b070·2023-09-13 07:33

react 按需加载配置 和 es7 装饰器的安装

npminstallreact-app-rewired@2.0.2-next.0babel-plugin-import--save按需加载文件夹名字config-overrides必须const{injectBabelPlugin}=require('react-app
jmtjt·2023-06-17 19:18

create-react-app run-eject配置antd,less以及打包路径

npmibabel-plugin-import--save配置package.json或者.babelc.注意只能配置一个，这里以package.json举例"babel":{"presets":["react-app
evilGenuis_9527·2023-04-14 15:54

react项目如何按需加载antdDesign组件

create-react-app）先安装依赖：npmibabel-plugin-import--save然后,在package.json里面直接添加下面这行代码"babel":{"presets":["react-app
玖肆seven·2023-03-15 20:23

记录 react + antd 使用过程中 css 引入问题

解决方法：在package.json中添加如下代码"babel":{"presets":["react-app"],"plugins":[["import",{"libraryName":"antd",
direwolf_·2023-03-15 14:48

关闭react项目的eslint中”eqeqeq“的配置

react-scripts版本：4.0.3实现方法：在根目录下创建.eslintrc.json文件，然后设置自己的eslint配置{"extends":["react-app"],"rules":{"eqeqeq
xinyiyake·2023-03-12 04:18

react-app中使用antd，实现css按需加载

从官方给出的示例中我们可以得知，antd中js的加载是自动按需加载的。而对于css的加载则只字未提js按需加载，如图所示：image.png此时你大概会怀念vue中对于webpack的配置，然后我从网上找了大量的教程，基本都是告诉你要将配置项暴露出来进行修改$npmruneject运气不好的话会有很多报错，像这样image.png还有这样image.png看着成篇的webpack配置有没有很头疼，
剑指流云·2023-03-09 16:29

react相关知识点

一、开发环境配置首先保证安装Node>=6和npm>=5.2版本以上的node.js环境然后执行以下的代码，创建一个基本React-App项目npxcreate-react-appmy-appcdmy-appnpmstart
快乐的小马龙123·2022-12-02 22:33

使用 Github Actions 部署react-app 到 Github Pages

前言-学以致用之前一直忙于开发，总是零散的去看一些东西，想想学东西了么？额...好像学了，又好像没有学，不知道你们有没有这种感觉，所以新年初始，换一种学习方法，本着学以致用去完整的学一些东西，正好之前想接触CI,CD这里的知识，所以就从最常见的github开始吧，毕竟免费又常用。初始化项目创建github代码仓库，clone项目到本地，进入目录初始化项目npxcreate-react-app然后按
·2022-04-21 14:37

使用 Github Actions 部署react-app 到 Github Pages

前言-学以致用之前一直忙于开发，总是零散的去看一些东西，想想学东西了么？额...好像学了，又好像没有学，不知道你们有没有这种感觉，所以新年初始，换一种学习方法，本着学以致用去完整的学一些东西，正好之前想接触CI,CD这里的知识，所以就从最常见的github开始吧，毕竟免费又常用。初始化项目创建github代码仓库，clone项目到本地，进入目录初始化项目npxcreate-react-app然后按
·2022-02-23 17:37

基于react-app搭建react react-router redux项目

鉴于很多人都是用第三方现成手脚架，所以这篇文章简略的说下怎么搭建一个react+react-router+redux的基础手脚架第一步初始化：安装create-react-app并创建react项目：Npminstallcreate-react-appCreate-react-appXXXCdXXX配置入口为根目录index.js其他目录结构可自行修改对于自定义配置方法1、如果需要暴露配置文件可以
vsonchen·2022-02-17 06:27

create-react-app 踩坑记

后的进行引入antd首先需要安装babel-plugin-importcreate-react-app生成项目后，在package.json下面会有下面的配置："babel":{"presets":["react-app
别过经年·2021-05-01 11:34

react 使用rewired_GitHub - zh-zhang-127/react-app: create-react-app + react-app-rewired 进行二次配置：按需加载、le.

进行二次配置：按需加载、less-loader、启用eslint配置、特殊自定义配置如果需要更具体的业务模版，可以跳转至模版生成器使用方法gitclonehttps://github.com/dyb881/react-app
weixin_39755218·2020-12-30 12:26

react-app中引入antd-mobile(蚂蚁框架手机版) ——全部引入

首先你要确保react-app环境搭建成功第一步：安装antd-mobile依赖，npminstallantd-mobile--save第二步：在组件中使用import{Button}from'antd-mobile'primaryinlineprimaryghost
人间草木96·2020-09-12 20:09

js vuecli react-app 字体引入加载缓慢 ，font-spider 根据使用字体生成新的字体文件

闲言少叙下载安装Font-spidernpm跟着官方教程操作就OK了使用之前引入字体，发现都很大，非常影响加载速度，font-spider可以抽离出你使用到的字体，但是对于单页面的动态数据有点不可行，因为你也不知道返回的数据到底有哪些字体，所以我抽离的少一些固定的标题和十个数字字体。一、测试文件夹如下二、html里面引入字体，在页面输出用到的字体，方便font-spider抽取三、运行gitbas
helloCheng09·2020-09-10 20:57

react-app中引入antd(蚂蚁框架) ——按需加载~~强烈推荐使用。

首先你要确保react-app环境搭建成功第一步：安装antd依赖，npminstallantd--save第二步：在组件中使用import{Button}from'antd'Button第三步：安装babel-plugin-import
人间草木96·2020-08-22 18:48

如何在 Create React App 中使用 ESLint 和 Prettier

创建的React应用，默认安装了ESLint依赖，package.json文件中的eslintConfig属性只提供了用于发现常见错误的最小规则集：{"eslintConfig":{"extends":"react-app
丿记忆灬永殇丨·2020-08-22 14:23

如何在 Create React App 中使用 ESLint 和 Prettier

创建的React应用，默认安装了ESLint依赖，package.json文件中的eslintConfig属性只提供了用于发现常见错误的最小规则集：{"eslintConfig":{"extends":"react-app
丿记忆灬永殇丨·2020-08-22 02:10

react-app中如何引用本地图片资源

方便你复制~~~importReact,{Component}from'react'//引入图片方法1importimgsfrom'../../images/test.jpg'classwordOfMouthextendsComponent{render(){return(wordOfMouth口碑{/*使用图片方法1*/}{/*使用图片方法2*/})}}exportdefaultwordOfMo
人间草木96·2020-08-21 16:36

react-app中引入UEditor富文本编辑器

react中引入ueditor1.放入静态资源并配置首先把官网下载的Ueditor资源，放入public文件夹中。(你的U盘里有，不用下载了)2.封装一个组件UEditor.js，放到src/pages/components/里/***@module百度富文本编辑器*自定义菜单配置*/importReact,{Component}from'react'leteditor=nullclassUEdi
人间草木96·2020-08-21 16:36

按需引入antd

可以直接在package.json里加上配置文件"babel":{"presets":["react-app"],"plugins":[["@babel/plugin-proposal-decorators
weixin_30483495·2020-08-19 20:00

react-app中引入loading加载动画，刷新页面出现动画

1.在public/css文件里新建loading.min.css文件写入如下代码：#i-loading{background:#fff;left:0;top:0;right:0;bottom:0;position:fixed;z-index:9999;transition:all.5sease-out}.i-loading-out{opacity:0;}#i-loading.loading-ce
人间草木96·2020-08-15 19:50

ipfs/ethereum/react-app

3.实现步骤3.1安装create-react-applocalhost:1123admin$npminstall-gcreate-react-app3.2React项目创建localhost:1123admin$create-react-appipfs-http-demolocalhost:ipfs-http-demoadmin$lsREADME.mdpackage.jsonsrcnode_mo
welling_22·2020-08-13 11:35

react-app实现长按事件

1、需求：长按可以删除评论2、在相应的结构中绑定事件注意一定需要在事件结束的时候接触定时事件。//长按事件handleTouchEnd=()=>{clearTimeout(this.pressTime);}touchStart=(index)=>{this.pressTime=setTimeout(()=>{//你要do的事},'1000');}
WebViewSuper·2020-08-12 00:48

基于react-app搭建react-router+redux项目

前言总括：本文采用react+redux+react-router+less+es6+webpack,以实现一个简易备忘录(todolist)为例尽可能全面的讲述使用react全家桶实现一个完整应用的过程。代码地址：React全家桶实现一个简易备忘录原文博客地址：React全家桶实现一个简易备忘录知乎专栏&&简书专题：前端进击者（知乎）&&前端进击者（简书）博主博客地址：Damonare的个人博客
weixin_30291791·2020-08-04 03:33

React+AntdDesign写一个完整的demo ——起步

项目准备：1、编辑器这里我采用的是Webstrom2、创建react-app项目和引入antd-design框架；参考链接：https://ant.design/docs/react/use-with-create-react-app-cn
a little peanut·2020-08-02 23:08

Webpack配置React大坑记录（2）

在Babel中配置antd样式导入和装饰器@babel/plugin-proposal-decorators后，即便安装官方的配置方法："babel":{"presets":["react-app"],
CptSwift·2020-07-30 10:05

React Hooks中 useState修改状态

useState开头reacthooks函数错误提示插件eslint-plugin-react-hooks,安装好插件后在pack.json中进行配置错误提醒"eslintConfig":{"extends":"react-app
memedadexixaofeifei·2020-07-14 15:39

构建React-app应用时create-react-app卡住超慢的解决办法

一、问题：在构建react-app的时候，一直卡在加载资源包的地方，重试了几次也是卡住在这里，在gitbash时候是看不见卡住在哪里的，因为gitbash没有显示加载的过程。
Edluminary·2020-07-13 11:35

基于react-app、webpack4一步步搭建可生产的react框架****demo有详细翻译注释说明****

demo地址：https://github.com/babybrotherzb/React-Hook我好像听到了你们说：ofcourse,react-app是的说到搭建框架，现在基本都是用的脚手架，简单
@baby张·2020-07-10 15:41

spring-boot项目二:Spring Boot整合react-app实现前后端分离

前言：目前web开发越来越采用前后端分离的开发模式，使从事后台和前端开发的程序员分别精通于自己的方向，同时也有效提高团队的工作效率。后台接口主要返回Json格式的数据，无需按照Spring-MVC模式把渲染视图的工作也交给后台完成；而前端比较流行的三框架有Vue,React和Angular，它们比起传统的js都具有显著的优势。其中React采用虚拟dom节点渲染视图，即每次dom节点发生变化只渲染
heshengfu1211·2020-07-07 09:26

react antd-mobile按需加载

npminstallbabel-plugin-import--save2、配置方法一：直接更改package.json里的babel//package.json"babel":{"presets":["react-app
面壁思过程·2020-07-06 21:25

react中使用json-server mock数据

我们需要使用json-server创建一个json的服务器，相当于后端，当我们前端使用axios请求数据时，返回接口文档中对应的字段安装模块npmiaxios-Snpmijson-server-g首先在react-app
小仙女换剪子换菜刀·2020-07-06 09:55

关于报错Support for the experimental syntax 'decorators-legacy' isn't currently enabled

配置package.json"babel":{"plugins":[["@babel/plugin-proposal-decorators",{"legacy":true}]],"presets":["react-app
若～～～·2020-07-06 05:28

第二天mark一下

创建第一个react-app应用只需要下面几行就可以成功创建一个react-app,当然得预先安装好npm。npminstall-gcreate-react
TW李玥·2020-06-30 04:04

create-react-app使用antd按需加载的样式无效问题

第一种方法：在package.json中配置，这种方法成功的前提是webpack里query下配置babelrc：true，这样就会使用babelrc文件中的配置"babel":{"presets":["react-app
追风的云月·2020-03-05 20:01

creat-react-app Ver2.0+配置装饰器语法

yarnadd@babel/plugin-proposal-decorators3、配置package.json3.1配置babel插件-->使项目支持@装饰器"babel":{"presets":["react-app
Dr丶net·2020-02-17 20:51

前后端分离，nginx解决跨域问题

问题描述：前端react-app使用nginx部署到服务器，浏览器访问80端口，页面请求同一服务器的后台api，由于端口不同，产生跨域。
swensun·2020-02-02 07:53

react plugins 配置需要注意的

libraryName":"antd","style":"css"}],["import",{"libraryName":"antd-mobile","style":"css"}]],"presets":["react-app
洛晨随风·2020-01-10 14:00

创建一个react-app

如果npm的版本>5.2的话，使用npxcreate-react-appmy-appcdmy-appnpmstart--打开项目cd到项目路径下npmstart************注意：src中的index.js是整个程序的入口app.test.js自动化测试相关serviceworker用网页来实现app的效果，即使断网，下次打开也可以看到上次的效果mainfest.json如果开始了ser
GTMDCSC·2019-12-25 22:17
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他