Admin-on-rest:根据输入选择显示/隐藏表单选项卡

时间:2018-02-23 03:36:27

标签: redux-form admin-on-rest

不确定这是否是最佳方法,但我正在尝试使用dependsOn:[github.com/marmelab/aor-dependent-input]隐藏/显示表单标签。它有点工作,但问题是当表单根据选择的正确DependentInput值重新渲染时,表单选项卡标签不会呈现,但是选项卡的组件可以。 任何建议都非常感谢

import { DependentInput } from 'aor-dependent-input';

export const StakeholderCreate = (props) => (
<Create {...props}>
  <TabbedForm>
    <FormTab label="general">
        <TextInput source="name" />
        <SelectInput label="Type" source="typeId"  choices={[
          { id: 'carrier', name: 'Carrier' },
          { id: 'distributor', name: 'Distributor' },
          { id: 'exporter', name: 'Exporter' }
    </FormTab>
    <DependentInput dependsOn="typeId" value="carrier">
      <FormTab label="market">
        <TextInput source="market_distance.market_Name" />
      </FormTab>
    </DependentInput>
  </TabbedForm>
</Create>
);

0 个答案:

没有答案