Каков наилучший способ обезопасить ввод данных на стороне клиента, используя RegExp для отправки запроса Axios в API Google?

Question

Я пытаюсь создать сайт с использованием стека MERN.Сайт отправляет запрос GET в API Google Книг.Каков наилучший метод для очистки пользовательских входных данных, чтобы их можно было преобразовать в переменные, объединенные с URL-адресом API?

Я пытался использовать метод 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))

Я ожидал, что console.log из titlesearch и authsearch вернет очищенную строку, которую можно будет объединить с URL-адресом книг Google.

, потому что я nooblvl <10 Я не могу вставлять картинки, так что в стеке есть ссылка <a href="https://i.stack.imgur.com/fki85.png" rel="nofollow noreferrer"> Вот ссылка на журналы консоли Спасибо!