React002 child components

tags
React.js
type
Post
date
Nov 3, 2023
status
Published
 

tips子组件定义

 
ts里的 Props 如果使用了参数在父组件需要使用同样的类型
 

父组件使用

 
此处 调用子组件 在组件区域如果使用 html标签必须要定义成 children: ReactNode;
 
 

实现效果

很简单,就是一个tips
notion image
 

Button子组件

 
Button.tsx
 
App.tsx
 
实现效果
notion image
 

提示组件和button组件结合使用

点击按钮组件实现tips 显示和隐藏
Alert.tsx
 
App.tsx
实现效果
notion image
 

© robotbird 2023