react
.随遇则安
慢慢的开始习惯有苦自咽
展开
-
react全家桶有哪些?(详细)
一 、 create-react-app脚手架对于现在比较流行的三大框架都有属于自己的脚手架(目前这些脚手架都是使用node编写的,并且都是基于webpack的):Vue的脚手架:vue-cli Angular的脚手架:angular-cli React的脚手架:create-react-app它们的作用都是帮助我们生成一个通用的目录结构,并且已经将我们所需的工程环境配置好。1.1 创建项目并启动全局安装第一步,全局安装:npm i -g create-react-app第原创 2022-05-02 18:51:23 · 3184 阅读 · 0 评论 -
react-typescript(ts)中配置axios
1.首先npm i @types/axios -S2.在src文件夹下创建一个api的文件3.在api文件夹中创建两个.ts结尾的文件4.request.ts中的配置import axios from "axios"; export const Service = axios.create({ timeout: 8000, //延迟时间 method: 'POST', headers: { "content-...原创 2021-12-07 17:17:22 · 769 阅读 · 0 评论 -
react-typescript中配置路由
第一步:先创建一个react-typescript的项目create-react-app ts3 --template typescript第二步:然后安装相关依赖cnpm install react-router-dom react-router-config -S第三步:在src的index.js中引入下面的import {HashRouter as Router} from 'react-router-dom'第四步:把React.StrictMode替换为Rou.原创 2021-12-06 17:16:06 · 1011 阅读 · 0 评论 -
用react实现选项卡功能
先把码云的线上仓库中需要用的文件拿一下,地址如下https://gitee.com/xzx1314/react-text/tree/dev/详细的代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0..原创 2021-12-06 16:40:36 · 784 阅读 · 0 评论 -
react中配置router路由
如果创建好react脚手架可以直接跳过注:图片下面有代码npm install react-router-dom@5.2.0 react-router-config -S在scr的index.js中引入下面的import {HashRouter as Router} from 'react-router-dom'在scr的index.js中引入下面的替换成然后新建view文件夹并且创建两个文件Index.js和List.js 在上面写上以下内容imp...原创 2021-12-03 15:35:06 · 424 阅读 · 0 评论 -
react脚手架配置px转rem
React中配置px转rem安装相关依赖npm i lib-flexible --savenpm i postcss-px2rem --save主要用来暴露项目配置npm run eject!如果运行npm run eject报错,出错的原因应该是仓库里面代码没有提交,如下提交一下git add .git commit -m '自定义名'npm run eject然后打开项目中 config->webpack.config.js 进行配置在配置文件中添加如..原创 2021-12-02 16:44:01 · 255 阅读 · 0 评论