How to set some default value to dropdown field in react js form

Here is my dropdown field in react form

      <FormControl  className="material-form__field"> 
            <InputLabel>Select Age Group"</InputLabel>
              <Select
                 onChange={this.handleChange}
                 inputProps={{
                 name: 'age_group',
                 }} >
                 <MenuItem value={1}> 10-20 </MenuItem>
                 <MenuItem value={2}> 20-30 </MenuItem>
                 <MenuItem value={2}> 30-40  </MenuItem>
              </Select> 
      </FormControl>

I wnt to show value 10-20 by default in dropdown when form is opened everytime
How can I do that?

Hi @xcfx2888, your MenuItem would have to accept a checked prop that you’d forward to the rendered option element (assuming it does render an option element).

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.