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

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}            />