在反应中默认表单加载的特定用户值

Question

我正在尝试这样做以添加作业：对于普通教师：有一个选项可以选择科目作为下拉选项。对于助教：当他们点击“添加作业”时，字段（姓名、主题）会自动加载到表单上，因为这些特定的教师只分配了 1 个主题。目前我正在从组件 didmount 进行控制台日志记录。我如何设置它以便当他们单击它时会自动加载到表单上？    this.props.getAvailableteachers()      .then(() => {        if (this.props.teachers.length === 1) {           console.log(this.props.teachers);        } else {          console.log("Length is >>>>>>>>>> 1");         } })      .catch(err => console.log(err));和选择表格                  type='text'                  name='teachers'                  colSize='8'                  id='teachers'                  onChange={this.teacherChange}                  options={teacherOptions}                />现在它只是控制台记录结果..我需要它在表格上

Answer 1

试试下面，可能对你有用：

  this.props.getAvailableteachers()

      .then(() => {

        if (this.props.teachers.length === 1) {

           console.log(this.props.teachers);

           this.setState({selectedId : set_your_id_here}) 

        } else {

          console.log("Length is >>>>>>>>>> 1"); 

        } })

      .catch(err => console.log(err));

和选择表格

              type='text'

              name='teachers'

              colSize='8'

              id='teachers'

              onChange={this.teacherChange}

              options={teacherOptions}

              selected={this.state.selectedId}   

            />

Answer 2

只需将道具数据分配给value属性，如下所示

              type='text'

              name='teachers'

              colSize='8'

              id='teachers'

              onChange={this.teacherChange}

              options={teacherOptions}

              value={this.props.teachers}

              selected={this.props.teachers}

            />