ebayui core react

ebayui核反應

ebayui反應組件

演示

要求

• node.js（v20.12.2）
• React（V18+，V16.8+維護模式）
• eBay皮膚（V18+）

ebayui組件

• ebay-3d-viewer
• eBay-alert-Dialog
• ebay-area-chart
• ebay-avatar
• eBay-Confirm-Dialog
• ebay-badge
• ebay-bar-chart
• ebay-breadcrumbs
• ebay-button
• eBay-Calendar
• ebay-character-count
• ebay-carousel
• ebay-chart-legend
• eBay-Checkbox
• ebay-chip
• ebay-chips-combobox
• ebay-combobox
• eBay-Confirm-Dialog
• eBay-cta-button
• eBay-tate-Textbox
• ebay-details
• ebay-donut-chart
• eBay-Drawer-Dialog
• ebay-education-notice
• eBay-eek
• eBay-Fullscreen-Dialog
• ebay-fake-link
• ebay-fake-menu
• ebay-fake-menu-button
• ebay-fake-tabs
• eBay場
• ebay-filter
• ebay-filter-menu
• ebay-filter-menu-button
• ebay-flag
• eBay-Fullscreen-Dialog
• ebay-icon-button
• eBay-icon
• ebay-image-placeholder
• eBay-Infotip
• eBay-Inline-Notice
• eBay-Lightbox-Dialog
• ebay-line-chart
• ebay-listbox-button
• ebay-listbox
• ebay-menu
• ebay-menu button
• eBay-page-notice
• ebay-pagination
• ebay-panel-Dialog
• ebay-phone-input
• eBay-progress-bar
• ebay-progress-bar-expressive
• eBay-progress-spinner
• eBay-progress-stepper
• ebay-radio
• eBay截面詞
• eBay截面通知
• eBay細分按鈕
• eBay選擇
• eBay信號
• ebay-skeleton
• eBay-snackbar-Dialog
• ebay-spark-line
• ebay-split-button
• eBay-Strating
• eBay-Stration-select
• ebay-switch
• ebay-tabs
• eBay-Textbox
• eBay-toast-Dialog
• ebay-toggle-button
• ebay-toggle-button組
• ebay-tooltip
• ebay-tourtip
• ebay-tri-state-checkbox
• eBay-Video

入門

這些反應組件可在NPM上以@ebay/ui-core-react軟件包的形式提供。

使用NPM或紗線將包裹依賴性添加到您的項目中：

yarn add @ebay/ui-core-react @ebay/skin

 import { EbayTextbox } from '@ebay/ui-core-react/ebay-textbox'
import { EbayButton } from '@ebay/ui-core-react/ebay-button'

< EbayTextbox placeholder = "Enter text here" />
< EbayButton > Submit < / EbayButton>

筆記

如果您動態地渲染孩子組件，並且不想獲取React key警告，請提供key ：

 < EbayParentComponent >
    { items . map ( ( item , index ) => < EbayChildComponent key = { index } > { item } </ EbayChildComponent > ) }
</ EbayParentComponent >

通過屬性

HTML屬性可以在任何組件上使用，並且將傳遞到組件最突出的標籤。最突出的標籤通常是根或形式控制，但是單個組件會注意到它是否在特定情況下有所不同。

用法的示例：

 < EbayButton id = "my-button" />

問題

在GitHub上創建一個問題

貢獻

ChangElog

@ebay/ui-core-react

版本7.x（皮膚18，破壞圖標名稱的變化）

6.x版本（皮膚17，打破圖標名稱的變化）

版本5.x（皮膚16，破壞事件回調的變化）

版本4.x（皮膚16，打破圖標名稱的變化）

3.x版本（皮膚15，對話組件的一些破壞變化）

2.x版（皮膚15）

@ebay/ebayui-core-react （過時）

版本10 X（皮膚14）

版本9.x（皮膚13）

ebayui-core-react （過時）

8.x版本（皮膚12）

6.x版本（皮膚10）

版本5.x（更少刪除，更改的導入以最小化捆綁尺寸）

版本3.x（皮膚9，鉤子支撐的16.8反應）

版本2.x（皮膚7，React 16.7）

遺產