如何动态修改Field.component?

[xmsz]

背景

<Field
            name='targetReceivers.ids'
            decorator={[FormItem]}
             component={[
               targetType === 'rolePlan' ? RolePlanSelect : RoomSelect,
             ]}
          />

但是不管targetType怎么变化，页面上始终是RoomSelect这个组件

我通过

 form.current.setFieldState('targetReceivers.ids', (state) => {
            state.component = [
              targetType === 'rolePlan' ? <div>asd</div> : RoomSelect,
            ];
          });
``
也不行


我用之前的

{targetType === 'room' && <Field
name='targetReceivers.ids'
decorator={[FormItem]}
component={[
RoomSelect
]}
/>}
{targetType === 'rolePlan' && <Field
name='targetReceivers.ids'
decorator={[FormItem]}
component={[
RolePlanSelect
]}
/>}

也不行




我的需求就是不同的targetType，渲染不同的组件，要如何处理

[dan0314]

_想set啥 就set啥_

[xmsz]

可用 就是有点麻烦 要是可以

{targetType === 'room' && <Field
name='targetReceivers.ids'
decorator={[FormItem]}
component={[
RoomSelect
]}
/>}
{targetType === 'rolePlan' && <Field
name='targetReceivers.ids'
decorator={[FormItem]}
component={[
RolePlanSelect
]}
/>}

切换就好了

还有我想问一下，那我要动态切换validator呢？
因为RoomSelect和RolePlanSelect的validator是不同的

[dan0314]

[coolbob1998]

Field 组件不是受控的

[spt110]

响应式，Field组件是受控的