How can I sanitize user input in a React application?

How can I sanitize user input in a React application?

You can use libraries like DOMPurify or sanitize-html to sanitize user input in React. Would you like to see an example?

Yes, please provide an example using DOMPurify.

Sure! First, install DOMPurify using npm: npm install dompurify. Then, you can use it like this:

import DOMPurify from 'dompurify';

const sanitizedInput = DOMPurify.sanitize(userInput);

This will clean the input and remove any harmful scripts.

What if I want to allow some HTML tags?

You can configure DOMPurify to allow specific tags by using the ALLOWED_TAGS option. For example:

const sanitizedInput = DOMPurify.sanitize(userInput, { ALLOWED_TAGS: ['b', 'i', 'em', 'strong'] });