@4geit/rct-reorderable-grid-list-component 中文文档教程

Question

@4geit/rct-reorderable-grid-list-component

---

使用 react-dnd

Demo

的可重新排序的网格列表 可以使用实时故事书查看组件的外观 @ http://react-packages.ws3.4ge.it

Installation

1. A recommended way to install @4geit/rct-reorderable-grid-list-component is through npm package manager using the following command:

npm i @4geit/rct-reorderable-grid-list-component --save

或使用 yarn 使用以下命令：

yarn add @4geit/rct-reorderable-grid-list-component

2. Depending on where you want to use the component you will need to import the class RctReorderableGridListComponent to your project JS file as follows:

import RctReorderableGridListComponent from '@4geit/rct-reorderable-grid-list-component'

例如如果你想在你的 App.js 组件中使用这个组件，你可以在 JSX 代码中使用 RctReorderableGridListComponent 组件，如下所示：

import React from 'react'
// ...
import RctReorderableGridListComponent from '@4geit/rct-reorderable-grid-list-component'
// ...
const WrapReorderableItemComponent = props => (
  <div>{ props.itemId }</div>
)
// ...
const App = () => (
  <div className="App">
    <RctReorderableGridListComponent
      cols={ 3 }
      handleSetPosition={ () => {} }
      fetchData={ () => {} }
      data={ [] }
      itemComponent={ <WrapReorderableItemComponent/> }
    />
  </div>
)