@aliwind/rc-data-fields

React component for Alibaba Cloud.

Usage no npm install needed!

<script type="module">
  import aliwindRcDataFields from 'https://cdn.skypack.dev/@aliwind/rc-data-fields';
</script>

README


name: rc-data-fields zhName: 数据字段展示 type: biz-component

@aliwind/rc-data-fields

一个rc-data-fields组件展示一个 dataSource 对象中的多个字段。每个字段区域由一个【label 区域】和一个【value 区域】组成。

基本用法

MDXInstruction:importDemo:BasicDemo

APIs

DataFields 组件接受的 Props: MDXInstruction:renderInterface:IDataFieldsProps

每个字段(数组项)的定义格式如下:

MDXInstruction:renderInterface:IItemProps

其他字段会被传入包裹【这个字段】的Grid.Col组件,比如传入 span={12}来让该字段占据一半宽度。