Các đạo cụ "như" trong các thành phần ngữ nghĩa-phản ứng là gì?

Question

as được định nghĩa là An element type to render as (string or function). ở hầu hết các thành phần trong ngữ nghĩa-UI-phản ứng. Điều đó nghĩa là gì?

Sự hiểu biết của tôi là nó bằng cách nào đó thay đổi thành phần trong bất cứ điều gì là as.

Ví dụ:

https://react.semantic-ui.com/modules/sidebar có Sidebar as={Menu} sau đó các em <Menu.Item name='...'> không điển hình <Menu/> những gì cần thiết để bắt đầu trình đơn.

Answer 1

Tính năng này được gọi là augmentation, bạn có thể kiểm soát thẻ HTML được hiển thị hoặc hiển thị một thành phần làm thành phần khác. Các đạo cụ phụ được chuyển đến thành phần bạn đang hiển thị dưới dạng. Nó cho phép soạn các tính năng và đạo cụ thành phần mà không cần thêm các thành phần lồng nhau.

Ví dụ của bạn với Sidebar cho thấy rằng Sidebar sẽ hiển thị con của mình thành Menu. Điều này cũng có thể được viết theo cách sau, nhưng điều này tạo thêm đánh dấu, không phải lúc nào cũng chính xác và có thể phá vỡ kiểu dáng.

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

dụ cơ bản với các thẻ:

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

Ví dụ với react-router:

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