在react-admin中,SimpleForm和TabbedForm是两个常用的表单组件,用于创建和编辑数据。fullWidth是一个属性,用于设置表单字段的宽度。
在SimpleForm中使用fullWidth属性: 在SimpleForm中,可以通过设置fullWidth属性来控制表单字段的宽度。当设置为true时,表单字段将占据整个表单的宽度,即一列显示。这在需要显示较长的字段或需要更大的输入框时非常有用。
示例代码:
import { SimpleForm, TextInput } from 'react-admin';
const MyForm = () => (
<SimpleForm>
<TextInput source="title" fullWidth />
<TextInput source="description" fullWidth />
</SimpleForm>
);
export default MyForm;
在TabbedForm中使用fullWidth属性: 在TabbedForm中,可以通过设置fullWidth属性来控制表单字段的宽度。当设置为true时,表单字段将占据整个表单的宽度,即一列显示。这在需要显示较长的字段或需要更大的输入框时非常有用。
示例代码:
import { TabbedForm, FormTab, TextInput } from 'react-admin';
const MyForm = () => (
<TabbedForm>
<FormTab label="Tab 1">
<TextInput source="title" fullWidth />
</FormTab>
<FormTab label="Tab 2">
<TextInput source="description" fullWidth />
</FormTab>
</TabbedForm>
);
export default MyForm;
推荐的腾讯云相关产品和产品介绍链接地址:
以上是关于在SimpleForm或TabbedForm中使用fullWidth获取react-admin中的两列的完善且全面的答案。
领取专属 10元无门槛券
手把手带您无忧上云