React Js change url based on dropdown selected value| Change URL on select

    const { useState } = React;

    // Child Component

    const Dropdown = () => {

      const handleDropdownChange = (e) => {

        const selectedValue = e.target.value;

        window.open(selectedValue, '_blank'); // Open the selected URL in a new tab

      };

​

      return (

        <div>

          <h2>Select a value:</h2>

          <select onChange={handleDropdownChange}>

            <option value="https://fontawesomeicons.com">Font Awesome Icons </option>

            <option value="https://tutorialsplane.com">Tutorials Plane </option>

            <option value="https://sarkarinaukriexams.com">Sarkari Naukri Exams </option>

          </select>

        </div>

      );

    };

​

    // Parent Component

    const App = () => {

      return (

        <div className='container'>

          <h1>React URL Based on Dropdown</h1>

          <Dropdown />

        </div>

      );

    }

​

    ReactDOM.render(<App />, document.getElementById('app'));

  </script>