在react props中在参数中定义参数类型

• 传递组件

<ModalInnerLinkBtn btnConfig={btnConfig}/>

• 接收组件

import ...
const index = ({ btnConfig }:{ btnConfig: BtnConfig }) => {//左边花括号这种语法被称为 “解构”，等价于于从函数参数中读取属性，return (<Button color={btnTheme} block>{btnConfig.btnName}</Button>);
};export default index;

参数右边花括号

在TypeScript中，{ btnConfig: BtnConfig } 是一种类型注解的方式，用于明确指定一个对象的结构和类型。

语法解析

1. { btnConfig:BtnConfig }

• {}：表示一个对象类型。

• btnConfig：是对象中的一个属性名。

• BtnConfig：是属性 btnConfig 的类型，它是一个接口或类型别名，定义了 btnConfig 的结构。