1. ReactRouter基础1.1. react-router安装1.2. react-router的使用1.2.1. BrowserRouter/HashRouter1.2.2. Route1.2.2.1. exact1.2.3. Switch1.2.4. Link1.2.5. NavLink2. 路由配置2.1. 安装 react-router-dom2.2. 安装 react-route
转载
2024-01-26 09:03:18
93阅读
TypeScript介绍 TypeScript官网：https://www.tslang.cn/基本使用 全局安装：npm i typescript -g，然后就可以使用tsc命令编译.ts文件。let num: number = 100; //index.ts
function test(a: number): number {}在git里运行 tsc index.ts //会自动在同级目
转载
2024-03-05 16:48:19
31阅读
# TypeScript 重写 Protect 原理探究
TypeScript 是 JavaScript 的超集，增加了类型系统和其他一些功能，使得开发者在写代码时可以享受到更好的开发体验与安全性。今天，我们将讨论如何在 TypeScript 中重写保护（`protect`）机制，并通过代码示例来加深理解。
## `protect` 机制概述
在一些编程语言和框架中，保护机制用于控制对特定数
# TypeScript重写type
TypeScript是一种静态类型检查的JavaScript超集，它提供了一些扩展和特性来增强JavaScript的功能。其中一个重要的功能是类型系统，它允许我们定义和使用自定义类型。这篇文章将介绍如何使用TypeScript来重写类型，并提供一些代码示例。
## TypeScript类型系统简介
在JavaScript中，我们可以使用`typeof`和
原创
2024-01-15 10:13:10
143阅读
## TypeScript 重写构造
### 引言
在软件开发过程中，我们经常会遇到需要重写构造函数的情况。构造函数是用来创建和初始化对象的特殊方法，它具有与类同名的函数名，并且没有返回类型。在 JavaScript 中，我们可以通过创建一个类来定义一个构造函数。然而，当我们使用 TypeScript 时，我们可以使用更丰富的类型系统来重新构造构造函数，以提高代码的可读性和可维护性。
本文将
原创
2023-09-07 20:01:57
112阅读
# TypeScript 重写函数的指南
随着现代前端开发的普及，TypeScript越来越受到开发者的青睐。TypeScript是一种强类型的JavaScript超集，它能够帮助我们更好地管理代码，增强代码的可读性和可维护性。本文旨在指导刚入行的小白如何重写函数，尤其是在TypeScript中的应用。我们将通过一个系统化的流程来进行。
## 流程概述
在进行函数重写之前，我们首先需要了解其
## TypeScript 重写声明
TypeScript 是一种由微软开发的开源编程语言，它是 JavaScript 的超集。TypeScript 提供了强类型检查、面向对象编程等特性，使得开发者能够更加安全和高效地编写代码。
在 TypeScript 中，我们可以使用声明文件（declaration files）来描述已有 JavaScript 库的类型信息。这些声明文件通常以 .d.ts
原创
2023-12-21 05:00:42
58阅读
# TypeScript 方法重写（Override）探究
在 TypeScript 中，方法重写是面向对象编程中的一个重要特性。它允许子类提供对父类方法的具体实现，增强了代码的灵活性和可维护性。本文将详细探讨方法重写的概念，并通过示例代码来帮助读者理解。
## 什么是方法重写？
方法重写是指在派生类中重新定义一个在基类中已经定义过的方法。使用重写，子类可以修改父类方法的行为，而不需要直接改
原创
2024-08-04 04:34:01
122阅读
一、基础类型 1、布尔值： let isDone:boolean = false; 2、数值： let a:number = 6; 可以赋值二进制，八进制，十六进制； 3、字符串： let name:string = "Tom "; 可以使用模板字符串 `${name}` 4、任意类型：le
转载
2024-07-16 10:05:36
57阅读
欢迎关注前端早茶，与广东靓仔携手共同进阶 前端早茶专注前端，一起结伴同行，紧跟业界发展步伐~ 一、前言 在R
原创
2022-11-14 17:08:32
484阅读
# 如何实现"React TypeScript"
## 简介
React是一个流行的JavaScript库，用于构建用户界面。TypeScript是一种静态类型的JavaScript超集，它可以让我们在开发过程中更加安全和高效。结合React和TypeScript可以提供更好的开发体验和更可靠的代码。本文将指导你如何使用React和TypeScript搭建一个应用程序。
## 整体流程
下面是
原创
2023-12-02 13:20:41
47阅读
TypeScript with React
转载
2020-08-23 17:40:00
150阅读
@TypeScript 常用方法简述Record定义一个简单的map ,由key-value组成。例如：
type hero= {
age: number ,
name: string
}
构建一个map方便的装载hero型数据
public heroMap:Record<number,hero>filterArray.filter()是内置的TypeScri
转载
2023-10-23 09:29:31
101阅读
前言vue写的不少了，想了解一下react，再加上大家都说typescript很香，所以用react + typescript写个小的demo项目了解一下。因为项目主要为了练一下各种技术的配合使用，所以结构和代码上实现的比较随意，有兴趣的学习react的新人朋友们也就酌情浏览就好了?，我也是正在学习react，大家可以留言讨论哈。项目地址https://github.com/18sby/disor
转载
2024-01-10 22:11:27
96阅读
react项目构建可以很简单，但是如果是结合typescript，其实也不是很麻烦，官网也有很明确的说明。有两种办法： 1、直接构建带有typescript的react项目，我们需要增加额外的参数，模版不能使用默认的cra-template。而是使用cra-template-typescript。npx create-react-app tsr
转载
2023-10-14 02:51:54
176阅读
使用--typescript参数新建React项目
create-react-app react-ts-demo --template typescript新建Header.tsx文件，加入以下代码：import React, { FC } from 'react';interface MyProps {
Name: string,
ID: number
}
export con
转载
2023-11-21 23:59:50
83阅读
一，新建项目npx react-native init ximalaya --template react-native-template-typescript二，多环境配置在android和ios的开发中，无法使用proscess.env.NODE_ENV的方式区分环境，需要使用一个包来实现： react-native-config 官网地址：https://js.coach/package/r
转载
2023-09-18 16:10:11
317阅读
1 使用了react官方脚手架：create-react-apphttps://github.com/facebook/create-react-appnpm run eject 可以打开配置文件自定义配置文件执行安装： npx create-react-app ts-with-react --typescriptnpx 只有在npm5.2以上版本才有1、避免安装全局模块：临时命令，使用
转载
2024-04-12 22:50:23
40阅读
方法重写(Override)不在一个类中,参数类型保持一致,方法内容可以不同 一个子类除了可以继承父类的属性和方法外，还可以重新写父类的方法; 重写：保留父类的方法名，但是方法的实现内容或成员的返回值类型都被子类更改。简单重写的案例class Animals {
animalName: string;
constructor(thename: string) {
this.anima
转载
2023-10-23 06:58:52
361阅读
1、配置环境以及项目初始化typescript的环境配置参考node中的nodemon配置typescript， 并且配置parcel-bundler，具体配置如下{
"name": "ts",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"start": "parcel
转载
2024-06-17 17:53:47
0阅读
