构造“表单数据”失败:parameter 1 is not of type 'HTMLFormElement'当尝试在React JS和Axios中选择表单时出错[已关闭]

j8ag8udp  于 2023-03-29  发布在  iOS
关注(0)|答案(1)|浏览(455)

**已关闭。**此问题为not reproducible or was caused by typos。当前不接受答案。

这个问题是由打字错误或无法再重现的问题引起的。虽然类似的问题在这里可能是on-topic,但这个问题的解决方式不太可能帮助未来的读者。
5天前关闭。
Improve this question
我试图在React JS应用程序中使用Axios发送FormData。此表单应该有文本和多个文件输入。当我试图使用querySelector选择表单时,它似乎不起作用。

import axios from 'axios';

function Verify() {

    const form = document.querySelector("formElement");

    console.log(form) //This says Null

    const submitApplication = (e) => {
        e.preventDefault();
        const formData = new FormData(form);

        axios.post('http://localhost:3001/stats', formData, {
            headers: {
                'Content-Type': 'multipart/form-data'
            }
        }).then(() => {
            console.log("Successfully Sent!")
        });
    };

    return (
        <>

            <form id="formElement" encType="multipart/form-data" method="post">
                <input type="text" placeholder="Full Name" name="fname" />
                <input type="file" name="uploaded_file" />
                <button onClick={submitApplication} >Submit for Review</button>
            </form>

        </>
    );
}

export default Verify;

下面是错误消息:

未捕获的类型错误:构造“表单数据”失败:参数% 1的类型不是'HTMLFormElement'

flvlnr44

flvlnr441#

要使用querySelector按id选择HTML元素,必须在前面加上'#':

const form = document.querySelector("#formElement");

相关问题