![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
typescript
小周同学:
一个正在努力学习的前端菜鸟
展开
-
typescript+react项目中如何配置api(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-Type": "appl原创 2021-09-22 14:32:18 · 305 阅读 · 0 评论 -
如何对typescript+react项目中请求接口数据的处理
1.在src下创建一个axios.d.ts的文件,并定义接口的类型// axios接口的处理import * as axios from 'axios'declare module 'axios' { interface AxiosInstance { (config: AxiosRequestConfig): Promise<any> }}2.重启项目后就可以用了...原创 2021-09-22 11:41:25 · 445 阅读 · 0 评论 -
typescript+reac实现选项卡功能
1.tsx代码import { Component } from "react";import './Tab.less'interface Props {}interface user { id: string, text: string}interface content { id: string, text: string}interface State { ButtonIndex: number, ButtonArray: user[原创 2021-09-16 17:18:05 · 112 阅读 · 0 评论 -
typescript+reac实现简单的拖拽(移动端+PC端)
1.tsx代码import React, { Component, createRef } from "react";import './Drag.less'interface Props {}interface State {}class Drag extends Component<Props, State>{ startX: number = 0 startY: number = 0 X: number = 0 Y: number = 0原创 2021-09-16 17:16:45 · 192 阅读 · 0 评论 -
typescript配合react创建项目
1.先创建项目create-react-app 项目名称--template typescript2.剩下的就跟react配置是一样的,可以看一下我其他的文章原创 2021-09-16 17:13:51 · 124 阅读 · 0 评论