react-admin 4.0.1中FormTab组件报错、标签页不显示问题咨询

• 初始抛出Cannot read properties of undefined (reading 'toString')错误的核心原因：
  react-admin 4.x 系列版本中，FormTab的value是必填属性，而非官方早期文档标注的可选属性。TabbedForm组件内部初始化时，会读取每个子FormTab传入的value值，调用toString()方法生成标签切换的路由哈希标识、做激活状态匹配，初始示例代码中两个FormTab均未传入value属性，内部拿到undefined值调用方法时直接触发类型错误。

• 手动添加value属性后标签导航不渲染、展示效果和SimpleForm一致的核心原因：
  示例代码中两个FormTab配置了完全重复的label="main"属性。TabbedForm渲染顶部标签栏时，会将label作为标签头的展示文本，同时参与生成标签项的React渲染key，当存在重复label时，虚拟DOM diff算法会将多个标签头判定为重复节点，导致标签栏整体渲染失败，直接不输出导航DOM。

正确可运行的最简示例 #

<Edit>
    <TabbedForm>
        {/* 注意：每个FormTab必须配置全局唯一的value，label不可重复 */}
        <FormTab label="基础信息" value="basic">
            <TextInput source="id" />
            <TextInput source="title" />
        </FormTab>
        <FormTab label="内容详情" value="content">
            <TextInput source="body" />
        </FormTab>
    </TabbedForm>
</Edit>

额外排查点 #

如果按照上述要求配置了唯一value和非重复label后标签栏仍不显示，检查项目内是否自定义覆盖了react-admin相关组件的样式，误将标签头容器设置为display: none，或是全局注入的自定义表单组件篡改了TabbedForm的子元素传递逻辑。

内容的提问来源于stack exchange，提问作者Nokib Sorkar