@4geit/rct-data-table-component 中文文档教程

Question

@4geit/rct-data-table-component

---

React 应用程序的数据表组件 可以

Demo

使用实时故事书查看组件的外观 @ http://rct-data-table-component.ws3.4ge.it

Installation

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

npm i @4geit/rct-data-table-component --save

或使用 yarn 使用以下命令:

yarn add @4geit/rct-data-table-component

确保你在系统中全局安装了这些工具，因为 @4geit/rct-data-table-component 需要它们才能正常工作：

• create-react-app: sudo npm i -g create-react-app
• storybook: sudo npm i -g @storybook/cli

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

import RctDataTableComponent from '@4geit/rct-data-table-component'

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

import React from 'react'
// ...
import RctDataTableComponent from '@4geit/rct-data-table-component'
// ...
const App = () => (
  <div className="App">
    <RctDataTableComponent/>
  </div>
)

Usage

1. You can actually use the component rct-data-table-component alone by running the command:

yarn start

通过运行命令 yarn 确保依赖项已全部安装。

2. rct-data-table-component comes along with storybook already setup therefore you can use it by running the command:

yarn storybook

故事书也在线部署并可用@ http://rct-data-table-component.ws3.4ge.it