在React项目中使用TypeScript

示例1：

// 在React项目中使用TypeScript

// src文件夹下创建pages/counter/Counter.tsx
/*简单的计数器代码*/
import React from "react";

// props包含count，increment，decrement，且类型确定
interface IProps {
   
  count: number;
  increment: () => void;
  decrement: () => void;
}

const Counter = ({
    count, increment, decrement }: IProps) => {
   
  return (
    <div>
      <h1>{
   count}</h1>
      <button onClick={
   increment}>+</button>
      <button onClick={
   decrement}>-</button>
    </div>
  );
};

export default Counter;


// App.tsx引入
import React, {
    useState, useCallback } from "react";
import "./App.css";
import Counter from "./pages/counter/Counter";
function App() {
   
  const [count, se