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

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

现在它只是控制台记录结果..我需要它在表单上

标签： javascriptreactjsformsselect

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