с данными по умолчанию, выбранными в интерфейсе выбора материала

Question

У меня есть некоторые данные, которые я передаю как реквизиты, и я хочу, чтобы они были моим выбранным значением по умолчанию. Вот код для выбора в пользовательском интерфейсе материала, который я использую. Однако у пользователя также должна быть возможность выбора других курсов. переданный реквизит от parent является coursename, который можно использовать как this.props.coursename

<form className={classes.root} autoComplete="off">
                   <FormControl className={classes.formControl}>
                   <InputLabel htmlFor="age-simple">Courses</InputLabel>
                  <Select
                     value={this.state.courseselected}
                     onChange={this.handleCourseChange}
                     inputProps={{
                        name: "courseselected",
                        id: "age-simple"
                    }}
                >

                 {CourseData.map(item => {
               return <MenuItem value={item._id}>{item.title}</MenuItem>;
             })}
           </Select>
         </FormControl>
       </form>

Я передаю родительский компонент props и хочу, чтобы этот курс отображался как выбранный по умолчанию.

Answer 1

Вы должны инициализировать courseSelected в состоянии либо в конструкторе, либо на уровне класса

На уровне конструктора

    constructor(props){
         super(props){
         this.state = {
              courseSelected: “”
         }
     }

Или на уровне класса

    state = {
         courseSelected: “”
    }

Чтобы отобразить значение по умолчанию в раскрывающемся списке

просто изменить

   courseSelected: “”

К

   courseSelected: this.props.coursename