Documents / @faasjs/ant-design / UnionFaasItemElement

Type Alias: UnionFaasItemElement<Value, Values>

UnionFaasItemElement<Value, Values> = ReactElement<UnionFaasItemInjection<Value, Values>> | FC<UnionFaasItemInjection<Value, Values>>

Represents a React element that is used in the UnionFaasItem context.

This type can either be a React element with the specified injection types or null.

Type Parameters

Value

Value = any

Values

Values = any

Example

import { type UnionFaasItemElement, Form, Description, Table } from '@faasjs/ant-design'

const NameComponent: UnionFaasItemElement = ({ scene, value }) => {
  switch (scene) {
    switch (scene) {
    case 'form':
      return <input />
    case 'description':
    case 'table':
      return <span>{value}</span>
    default:
      return null
  }
}

const items = [
  {
   id: 'name',
   children: NameComponent // both `NameComponent` and `<NameComponent />` is valid
  }
]

function App() {
  return <>
   <Form items={items} /> // Will render an input
   <Description items={items} dataSource={{ name: 'John' }} /> // Will render a span
   <Table items={items} dataSource={[{ name: 'John' }]} /> // Will render a span
 </>
}