react+tsx开发总结

1. 声明响应式变量

import { useState } from 'react'
const [data, setData] = useState("")
setData("pp")
return (<div>{data}</div>)

setData改变data的值，dom中的data也会随之改变

2. 监听函数

import { useEffect } from 'react'
useEffect(() => {
   //编写监听数据变化后的代码
 }, [data])//监听data的变化

3. 声明组件

import React from 'react'
interface PropsType {
    /**
     * 组件名称
     */
    name?: string