【发布时间】:2020-08-05 22:01:42
【问题描述】:
谁能帮帮我?
在Admin-on-rest框架中,我想在SimpleForm中写一个handleSubmit。如何在handleSubmit中获取表单数据。
我有两个文件输入:FileInput 和 ImageInput 和一个 TextInput。我想在提交表单后将文件和文本发送到服务器。输入文件使用react-dropzone,提交后不发送文件到服务器。
我找不到任何例子。
let filex;
<SimpleForm handleSubmit={(data)=>{ console.log(data); }}>
<TextInput label="عنوان کتاب" source="title" validate={required} />
<RichTextInput label="توضیحات" source="description" toolbar={[
['bold', 'italic', 'underline', 'link'],
[{ 'direction': 'rtl' }],
[{ 'align': [] }],
['clean'],
[{ 'list': 'ordered'}, { 'list': 'bullet' }],
]} validate={required} />
<ImageInput source="bookImg"
label="تصویر کتاب"
input={{
value: filex,
onChange: (file) => {
filex = file;
}
}}
validate={required} accept="image/*">
<ImageField source="src" title="title" />
</ImageInput>
<FileInput source="bookPdf" label="فایل کتاب" validate={required} accept="application/pdf">
<FileField source="src" title="title" />
</FileInput>
</SimpleForm>
【问题讨论】:
-
你能先解释一下你的用例吗?
-
@Gildas 我有两个文件输入:
FileInput和ImageInput和一个TextInput。我想在提交表单后将文件和文本发送到服务器。输入文件使用react-dropzone,提交后不发送文件到服务器。
标签: javascript reactjs redux-form admin-on-rest