React Admin表单字段宽度不足，如何设置使其铺满表单区域？

方法1：给输入组件添加fullWidth属性 #

React Admin的所有输入组件（如TextInput、SelectInput等）都内置了fullWidth属性，设置后字段会自动填充父容器宽度。修改代码时，给每个输入组件及外层关联组件加上该属性即可：

import * as React from 'react';
import {
  Edit,
  SimpleForm,
  TextInput,
  ReferenceInput,
  SelectInput,
  ArrayInput,
  SimpleFormIterator,
} from 'react-admin';
import {RichTextInput} from 'ra-input-rich-text';

export const ProductNotesEdit = () => (
  <Edit>
    <SimpleForm>
      <ReferenceInput source="productId" reference="products" label="Product" fullWidth>
        <SelectInput optionText="name" fullWidth />
      </ReferenceInput>
      <TextInput source="productId" fullWidth />

      <ReferenceInput source="promptId" reference="ml_prompts" label="Prompt" fullWidth>
        <SelectInput optionText="slug" fullWidth />
      </ReferenceInput>
      <TextInput source="promptId" fullWidth />

      <ArrayInput source="contextUrls" fullWidth>
        <SimpleFormIterator>
          <TextInput source="url" fullWidth />
        </SimpleFormIterator>
      </ArrayInput>

      <ArrayInput source="contextTexts" fullWidth>
        <SimpleFormIterator>
          <TextInput source="text" fullWidth />
        </SimpleFormIterator>
      </ArrayInput>

      <TextInput source="notes" multiline={true} fullWidth />
    </SimpleForm>
  </Edit>
);

注意：ReferenceInput作为外层容器也需要添加fullWidth，否则内部选择框的宽度仍会被限制。

方法2：通过sx样式批量设置字段宽度 #

如果不想逐个组件配置，可以直接给SimpleForm添加全局样式，强制所有子表单控件铺满宽度：

<SimpleForm sx={{ '& .MuiFormControl-root': { width: '100%' } }}>
  {/* 表单字段内容 */}
</SimpleForm>

该方法利用Material-UI的内置类名，一次性批量调整所有字段宽度，适合快速统一布局。

方法3：单独调整数组输入项的宽度 #

针对ArrayInput内的SimpleFormIterator，除了给内部TextInput加fullWidth，也可以给迭代器本身设置样式，确保数组内的每个输入项都铺满容器：

<ArrayInput source="contextUrls">
  <SimpleFormIterator sx={{ '& .MuiFormControl-root': { width: '100%' } }}>
    <TextInput source="url" />
  </SimpleFormIterator>
</ArrayInput>

兼容旧版本提示 #

如果使用React Admin 3.x及更早版本，可替换sx为style属性实现相同效果，例如：

<TextInput source="productId" style={{ width: '100%' }} />

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