React-admin v4中source是否允许点语法？表单保存按钮禁用问题咨询

React-admin v4完全支持使用点语法（如person.name）作为字段的source属性，这个特性并没有被移除。你遇到的保存按钮禁用问题，大概率不是点语法本身导致的，而是以下常见原因：

• 初始数据缺失嵌套结构：如果表单的初始数据里没有person对象（比如initialValues只设置了顶层字段，没初始化person: {}），那么赋值person.name时会因为person为undefined触发校验错误，导致保存按钮禁用
• TypeScript类型定义错误：如果你的表单数据类型没有正确声明嵌套的person结构，react-admin的表单控制器可能无法正确识别字段状态，影响脏值检测或校验逻辑
• 表单校验未满足：如果该SelectInput设置了必填规则，但切换字段时未选择任何选项（或没有默认选中值），校验不通过会导致保存按钮禁用

解决建议 #

• 初始化嵌套数据结构：在Create或Edit组件的initialValues中明确设置嵌套对象，比如：

  <Edit initialValues={{ person: { name: '' } }}>
    <SimpleForm>
      <SelectInput 
        source="person.name" 
        choices={name} 
        optionText="name" 
        optionValue="id" 
        fullWidth 
      />
    </SimpleForm>
  </Edit>
  

• 修正TypeScript类型：确保表单数据类型包含正确的嵌套结构，例如：

  interface MyFormData {
    person: {
      name: string;
    };
    // 其他表单字段...
  }
  

• 检查校验规则：如果需要允许空值，给SelectInput添加allowEmpty属性；如果是必填项，确保有默认选中值
• 排查表单错误：通过React DevTools查看表单的errors状态，定位具体的校验失败字段

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