我正在搜索,但找不到这个。我在 react (react-admin) 中有一个简单的表单,当我填写表单时,我在我的数据库中创建了一个新记录。有一个图像字段,一个 blob 可为空属性。一切正常,但我在编辑视图中遇到问题,我不知道如何添加删除图像的选项,只是图像,而不上传新图像。因为现在我可以上传另一个图像并更新记录,但我不能只删除图像(我不想删除整个记录,图像不是那里的主要内容)。我正在寻找一种简单的方法来做到这一点,我的意思是,我想象该组件必须具有用于此的功能,但我没有找到。
这是我的创建代码
const CreateC = ({record,...props}) => {
return (
<Create {...props} >
<SimpleForm toolbar={<CustomToolbar />>
<div>
<TextInput source="name" label='resources.fields.name'/>
</div>
<div>
<ImageInput source="src" label="Imagen" accept="image/*" mulitple={false}
</p>}>
<ImageField source="image"/>
</ImageInput>
</div>
</SimpleForm>
</Create>
)
};
和编辑
const CategoryEdit = ({record,...props}) => {
return (
<Edit title={<CTitle />} undoable={false} {...props} >
<SimpleForm toolbar={<CustomToolbar />}>
<div>
<FormDataConsumer >
{({formData}) => {
return (
<TextInput source="name" label="resources.fields.name"
disabled={!formData.editable} />
);
}}
</FormDataConsumer>
</div>
<div>
<ImageInput source="src" label="Imagen" accept="image/*" mulitple={false}
</p>}>
<ImageField source="image"/>
</ImageInput>
</div>
<FormDataConsumer >
{({formData,dispatch,...rest}) => {
if (!formData.src) {
return (
<div>
<Labeled label={translate('resources.originalImage',{ smart_count: 1 })} >
<ImageField source="image" {...rest}/>
</Labeled>
</div>
);
}
}}
</FormDataConsumer>
</SimpleForm>
</Edit>
)
};
我没有放所有东西,因为代码运行良好,我只需要添加该功能。 非常感谢:)