在 handleSubmit 中获取表单数据
Get form data in handleSubmit
谁能帮帮我?
在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>
这在文档中有介绍:
FileInput 部分结束:https://marmelab.com/admin-on-rest/Inputs.html#fileinput
而在 restClient 上:https://marmelab.com/admin-on-rest/RestClients.html#decorating-your-rest-client-example-of-file-upload
谁能帮帮我?
在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>
这在文档中有介绍:
FileInput 部分结束:https://marmelab.com/admin-on-rest/Inputs.html#fileinput
而在 restClient 上:https://marmelab.com/admin-on-rest/RestClients.html#decorating-your-rest-client-example-of-file-upload