【问题标题】:Get form data in handleSubmit在handleSubmit中获取表单数据
【发布时间】:2020-08-05 22:01:42
【问题描述】:

谁能帮帮我?

在Admin-on-rest框架中,我想在SimpleForm中写一个handleSubmit。如何在handleSubmit中获取表单数据。

我有两个文件输入:FileInputImageInput 和一个 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 我有两个文件输入:FileInputImageInput 和一个 TextInput。我想在提交表单后将文件和文本发送到服务器。输入文件使用react-dropzone,提交后不发送文件到服务器。

标签: javascript reactjs redux-form admin-on-rest


【解决方案1】:
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-06-19
  • 1970-01-01
  • 1970-01-01
  • 2020-05-01
  • 1970-01-01
  • 2012-05-25
相关资源
最近更新 更多