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 = any
• 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
</>
}