Hi Friends 👋,

Welcome To Infinitbility! ❤️

To remove special characters from string in react js, just use replace() method with /[ `[email protected]#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~]/g regex then it will return new string without special characters.

The replace() method returns a new string with some or all matches of a pattern replaced by a replacement. The pattern can be a string or a RegExp, and the replacement can be a string or a function called for each match. If pattern is a string, only the first occurrence will be replaced.

Let’s take an example to remove special characters using replace() method.

const regex = /[ `[email protected]#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~]/g;

var str = "(in)[fi]ni`tb*il#it%y";

str.replace(regex, '');
// 👇️ Output
//   "infinitbility"

Today, I’m going to show you How do I remove special characters from string in react js, as above mentioned here, I’m going to use the replace() method with /[ `[email protected]#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~]/g regex to delete special characters from string.

Let’s start today’s tutorial how do you remove special characters from string in react js?

In this example, we will do

  1. create sample string state
  2. used replace() method with regex to remove special characters
  3. print the output string in the screen

Let’s write code…

react js substring example

import React, { useState, useEffect } from "react";
export default function App() {
    const regex = /[ `[email protected]#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~]/g;
    const [str, setStr] = useState("(in)[fi]ni`tb*il#it%y");

    return (
        <div className="App">
            <p>{str.replace(regex, '')}</p>
        </div>
    );
}

As mentioned above, we are taken the example of a string state, remove special characters from string and print the output in the screen.

I hope it’s help you, All the best 👍.