styled-components - "as“多态道具的可接受类型是什么？

Question

文档似乎没有说明什么类型可以传递给"as“多态属性。我知道字符串可以传入，但它能接受其他任何东西吗？

Answer 1

在确定要传递给对react as的最终createElement(element, props)调用的元素名称时，将使用API属性，因此您传递的任何值都将用作元素标记。

即

<Button>Button</Button>                   =>   <Button>Button</Button>
<Button as="a" href="/">Link</Button>     =>   <a href="/">Link</a>
<Button as="div">Div</Button>             =>   <div>Div</div>
<Button as="MyButton">My Button<Button>   =>   <MyButton>My Button</MyButton>