My dropdown is not showing but submit button is showing

My dropdown is showing and there is no syntax error but import ReactDOM from ‘react-dom’; is never read.

This is my code below.

import React, { Fragment } from 'react';

import ReactDOM from 'react-dom';

import { Helmet } from 'react-helmet';

import { Link } from 'react-router-dom';

import backbtn from '../assets/img/backbtn.png';

class Setting extends React.Component {

    constructor(props) {


      this.state = {value: ''};

      this.handleSubmit = this.handleSubmit.bind(this);



    handleSubmit(event) {

      alert('Your favorite flavor is: ' + this.state.value);



    handleChange = event => {



    render() {

      return (



        <div id = "settings">


              <div className ="image">              

                    <Link to="/"><img src={backbtn} alt="back" /></Link>





              <div className="music-container">


                <li>Want to know more about Covid-19?</li>

                <li>Click these link below!</li>



              <form onSubmit={this.handleSubmit}>


                       Pick your favorite flavor:

                       <select value={this.state.value} onChange={this.handleChange}>

                       <option value="grapefruit">Grapefruit</option>

                       <option value="lime">Lime</option>

                       <option value="coconut">Coconut</option>

                       <option value="mango">Mango</option>



                <input type="submit" value="Submit" />









export default Setting;

Duplicate of How to add a drop-down

Nothing in here is really Ionic specific. Not sure how much help you’ll get. There is no “drop down” that I can see.

I learn how to add the drop down from youtube user that has dropdown. This is the link where they show how to add the drop down