ebayui core react
v7.4.0
ebayui反応コンポーネント
デモ
ebay-3d-viewer ebay-area-chart ebay-avatar ebay-bar-chart ebay-character-count ebay-chart-legend ebay-chip ebay-chips-combobox ebay-combobox ebay-details ebay-donut-chart ebay-education-notice ebay-fake-link ebay-filter ebay-filter-menu ebay-filter-menu-button ebay-flag ebay-image-placeholder ebay-line-chart ebay-listbox ebay-phone-input ebay-progress-bar-expressive ebay-skeleton ebay-spark-line ebay-tri-state-checkbox これらの反応コンポーネントは、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>子どものコンポーネントを動的にレンダリングし、反応するkey警告を取得したくない場合は、 keyを提供します。
< EbayParentComponent >
{ items . map ( ( item , index ) => < EbayChildComponent key = { index } > { item } </ EbayChildComponent > ) }
</ EbayParentComponent >HTML属性は任意のコンポーネントで使用でき、コンポーネントの最も顕著なタグに渡されます。最も顕著なタグは通常、ルートまたはフォームコントロールですが、個々のコンポーネントが特定の場合に変化するかどうかに注意します。
使用例:
< EbayButton id = "my-button" />Githubで問題を作成します
@ebay/ui-core-react
@ebay/ebayui-core-react (時代遅れ)
ebayui-core-react (時代遅れ)