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

Question

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

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

Answer 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