如何使用打字稿键入 CSS Float？

How to type CSS Float using typescript?

提问人：Erick Willian 提问时间：9/14/2023 最后编辑：katnissErick Willian 更新时间：9/14/2023 访问量：57

问：

我正在将 CSS Float 作为特定目的的道具传递，为此我需要像这样键入它：

type Props = {
 float: ????
}
const Component = ({
  float
}: Props) => {......}

最好的方法是什么？

我知道我可以复制和粘贴以创建自己的自定义类型，但真的这是唯一的方法吗？应该有另一种不那么脆弱的方法。left | right | none | inline-start | inline-end

css reactjs 打字稿 css-float

评论

2赞 katniss 9/14/2023
是的，这是唯一的办法。但看起来你正在使用 React，在这种情况下，你可能会发现它更好。tsplay.dev/mxyvZWCSSProperties["float"]
0赞 Erick Willian 9/14/2023
是的，它奏效了！请回答这个问题，以便我可以将其标记为答案！

答：

0赞 VOLK 9/14/2023 #1 
type Props = {
 float?: string
}

评论

0赞 Mark Rotteveel 9/14/2023
尽管此代码可能会回答该问题，但我建议您也解释您的代码的作用以及它如何解决该问题。带有解释的答案通常更有帮助，质量更好，并且更有可能吸引赞成票。
1赞 katniss 9/14/2023 #2

React 有自己的类型，你可以参考：CSSProperties

import { CSSProperties } from "react";

type Props = {
    float: Exclude<CSSProperties["float"], undefined>; // or Required<CSSProperties>["float"]
};

操场

上一个：Bootstrap 5：两列布局，文本应围绕图像流动

下一个：为什么浮点属性不适用于图像和段落？