如何使用打字稿在可重用组件中导入 html 样式属性？

Question

大家好，我想创建一个可重用的按钮组件。 OnClick 属性实现成功。但是样式 属性 不起作用。如何使样式功能像 HTML 中那样工作？我应该在第 8 行写什么？

如您所见，我只想让 MyComponent 的样式 属性 像 HTML 样式 属性 一样工作。

感谢您的帮助！

Answer 1

像这样：

interface IButtonProps {
    color?: string;
    fontSize?: string | number;
    children?: React.ReactNode;
    onClick?: React.MouseEventHandler<HTMLElement>;
    style?: React.CSSProperties;
}

您试图从 IDE 工具提示中复制属性声明本身。当您将鼠标悬停在 jsx 元素的样式属性上时，该符号有点令人困惑，但是 : 之后的是类型符号。