@8base-react/crud 中文文档教程

Question

8base CRUD

8base CRUD 是 react-apollo 组件下的包装器，用于简化 crud 操作的工作。

API

Table of Contents

• RecordsList
  • Properties
• RecordCreate
  • Properties
• RecordCreateMany
  • Properties
• ChildrenPropObject
  • Properties
• RecordUpdate
  • Properties
• RecordDelete
  • Properties

RecordsList

Extends Component

获取表格内容的

Properties

• tableName string Name of the table
• tableId string Id of the table

RecordCreate

组件 Extends Component

创建表格记录的

Properties

• tableName string Name of the table
• tableId string Id of the table

RecordCreateMany

组件 Extends Component

创建表格多条记录的组件

Properties

• tableName string Name of the table
• tableId string Id of the table

ChildrenPropObject

Results记录更新查询和变异

Properties

• tableMetaResult Object
• recordDataResult Object
• mutateResult Object

RecordUpdate

Extends Component

更新表记录的

Properties

• tableName string Name of the table
• tableId string Id of the table
• recordId string Id of the record

RecordDelete

组件 Extends Component

删除表记录的组件

Properties

• tableName string Name of the table
• tableId string Id of the table
• recordId string Id of the record

Usage

  <RecordsList
    applicationName={ applicationName }
    tableName="someTableName"
    variables={ options.variables }
  >
    { ({ data, loading }) => (<div>{data}</div>) }
  </RecordsList>     

   <RecordUpdate
    tableId="table-id"
    recordId="42"
    onCompleted={ () => {
      ...
    } }
  >
    { (onSubmit, { tableMetaResult, recordDataResult, fetchingLoading }) => (
      <FormComponent initialValues={ recordDataResult.data } onSubmit={ onSubmit } />
    ) }
  </RecordUpdate>