React js Replace spaces And Special Character with dashes and make all letters lower-case

How can I use Reactjs to replace spaces and special characters with dashes and convert all letters to lowercase in a given string?

The provided React.js code snippet defines a functional component named "App". It includes a text input field that allows users to enter a string. The component utilizes the useState hook to manage the input text state. Upon entering a string, the code converts it to lowercase and replaces spaces and special characters with dashes. This is achieved using the toLowerCase() method and a regular expression /[^a-zA-Z0-9]+/g, which matches any sequence of characters that are not letters or digits. The resulting modified text is displayed as a URL-friendly version below the input field.