用打字稿扩展反应风格道具

Posted 2023-03-06

【中文标题】用打字稿扩展反应风格道具

【英文标题】：extending react style prop with typescript

【发布时间】：2022-01-22 16:15:33

【问题描述】：

在 react 中扩展 style prop 以接受 css 变量作为键的最佳方法是什么？

<button style= "--color": "red", ...props.style  />

【参考方案1】：

您可以执行以下操作：

 render() 
   var style =   "--color": "red", ...props.style  as React.CSSProperties;
   return (<button style=style />);
  

更多React.CSSProperties类型定义：https://github.com/DefinitelyTyped/DefinitelyTyped/blob/8871b1e8938a1ed698ec8a88c77ee169294e45d4/types/react/index.d.ts#L974-L983