什麼是語義反饋組件中的「as」道具？

Question

as定義爲An element type to render as (string or function).在語義UI反應中的大部分組件中。那是什麼意思？

我的理解是，它在某種程度上改變了組件，無論是as是。

例子：

https://react.semantic-ui.com/modules/sidebar 具有Sidebar as={Menu}然後孩子們<Menu.Item name='...'>無典型<Menu/>是開始菜單需要。

Answer 1

此功能被稱爲增強，您可以控制呈現的HTML標記或呈現一個組件作爲另一個組件。額外的道具被傳遞給你正在渲染的組件。它允許編寫組件功能和道具，而無需添加額外的嵌套組件。

您使用Sidebar的示例顯示Sidebar會將其子女呈現爲Menu。這也可以用以下方式編寫，但是這會產生額外的標記，這並不總是正確的，並且可能會破壞樣式。

<Sidebar> 
    <Menu> 
    <Menu.Item /> 
    </Menu> 
</Sidebar> 

關於標記的基本示例：

<Button /> // will produce <button class='ui button' /> 
<Button as='a' /> // will produce <a class='ui button' /> 

實施例與react-router：

<Menu.Item as={Link} to='/home' /> // will produce <a class="item" href="/home">