删除简单表单版本中的图像(react-admin)

我正在搜索,但找不到这个。我在 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>
    )
};

我没有放所有东西,因为代码运行良好,我只需要添加该功能。 非常感谢:)

lqlqtotti 回答:删除简单表单版本中的图像(react-admin)

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/60258.html

大家都在问