在TypeScript React组件中实现"as“属性
提问于 2021-01-03 12:39:41
我正在实现一个通用组件，它接受HTML作为TypeScript中的任何as元素。
<Component as='div' {...myProps} {...divProps} />
<Component as='button' {...myProps} {...buttonProps} />我只是在尝试将组件的属性定义为任何HTML元素时迷失了方向。
请分享你的建议。
谢谢。
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-01-03 13:54:41
使用像这样的东西：
interface IProps {
as: React.ElementType;
}
export const Component = (props: IProps) => {
const { as: Cmp = "div", ...rest } = props;
return <Cmp {...rest} />;
};页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65549938
复制相关文章
腾讯云开发者
