react18-学习笔记23-第一个组件ts

简介: react18-学习笔记23-第一个组件ts

image.png

import React from "react";
interface IHelloProps{
    message?:string;
}
const Hello:React.FunctionComponent<IHelloProps>=(props)=>{
    return <h2>{props.message}</h2>
}
Hello.defaultProps={
    message:"Hello Geyao"
}
export default Hello
相关文章
|
前端开发
vue+ts或者react+ts如何使用animate.css
vue+ts或者react+ts如何使用animate.css
177 0
|
资源调度 前端开发 JavaScript
React 的antd-mobile 组件库,嵌套路由
React 的antd-mobile 组件库,嵌套路由
349 0
|
前端开发
React使用useRef ts 报错
【8月更文挑战第17天】
221 4
|
11月前
|
XML 前端开发 JavaScript
react学习笔记一:入门级小白到脚手架(create-react-app)开发项目
这篇文章是React的学习笔记,覆盖了从React的基础用法到高级特性,包括组件化、状态管理、生命周期、虚拟DOM等主题,适合React初学者参考。
283 0
react学习笔记一:入门级小白到脚手架(create-react-app)开发项目
|
12月前
|
资源调度 JavaScript 前端开发
使用vite+react+ts+Ant Design开发后台管理项目(二)
使用vite+react+ts+Ant Design开发后台管理项目(二)
|
前端开发 C++
使用 Vite 创建 React+TS+SW 项目并整合 AntDesign 、Scss 等组件或插件
本文记录了如何使用Vite创建一个React+TypeScript+Service Workers(SW)项目,并整合AntDesign组件库和Scss等插件,包括项目的创建、配置问题解决、AntDesign和Scss的整合方法。
788 1
|
移动开发 前端开发 Java
技术笔记:ReactNative学习笔记(一)————(RN)快速入门
技术笔记:ReactNative学习笔记(一)————(RN)快速入门
245 0
|
存储 前端开发 中间件
React组件间的通信
React组件间的通信
119 1
|
前端开发 JavaScript API
React组件生命周期
React组件生命周期
220 1
|
存储 前端开发 JavaScript
探索 React Hooks 的世界:如何构建出色的组件(下)
探索 React Hooks 的世界:如何构建出色的组件(下)
探索 React Hooks 的世界:如何构建出色的组件(下)