Javascript 使用RegExp向google API发出Axios请求时,清理客户端表单输入的最佳方法是什么

Javascript 使用RegExp向google API发出Axios请求时,清理客户端表单输入的最佳方法是什么,javascript,regex,reactjs,constructor,axios,Javascript,Regex,Reactjs,Constructor,Axios,我正试图创建一个网站利用MERN堆栈。该网站向谷歌图书API发出GET请求。对用户输入进行清理的最佳方法是什么,以便将其转换为连接到API URL的变量 我尝试使用Regexreplace()方法;然而,我的控制台日志并没有反映出它正在工作 handleFormSubmit = event => { event.preventDefault(); if (this.state.title) { const titlesearch = this.state

我正试图创建一个网站利用MERN堆栈。该网站向谷歌图书API发出GET请求。对用户输入进行清理的最佳方法是什么,以便将其转换为连接到API URL的变量

我尝试使用Regex
replace()
方法;然而,我的控制台日志并没有反映出它正在工作

handleFormSubmit = event => {

    event.preventDefault();

    if (this.state.title) {
        const titlesearch = this.state.title.replace(/([()[{*+.$^\\|?])/g, '\\$1')
        const authsearch = this.state.author.replace(/([()[{*+.$^\\|?])/g, '\\$1')

     axios.get("https://www.googleapis.com/books/v1/volumes?q="+ titlesearch +"+inauthor:"+ authsearch + "&key=")
            .then(res =>  console.log(res.data))
我希望
titlesearch
authsearch
的console.log返回一个经过消毒的字符串,该字符串可以连接到google图书的URL


因为im noob lvl,您应该做的第一件事是
console.log(this.state)
并发布结果对象。嘿,感谢您的快速响应!我得到了[对象,对象]的帮助。你需要在此基础上进一步扩展。当你这样做的时候,打开控制台,并对结果对象进行截屏。我添加了控制台日志的图片,错误400表示未经授权的响应。您没有向服务传递任何密钥(API密钥)。您应该做的第一件事是
console.log(this.state)
并发布结果对象。嘿,感谢您的快速响应!我得到了[对象,对象]的帮助。你需要在此基础上进一步扩展。当你这样做的时候,打开控制台,并对结果对象进行截屏。我添加了控制台日志的图片,错误400表示未经授权的响应。您没有向服务传递任何密钥(API密钥)。