在 react 中更改 name 属性实际上会停止从下拉列表中选择值答案

【问题标题】：Changing the name attribute in react actually stops selecting the values from dropdown在 react 中更改 name 属性实际上会停止从下拉列表中选择值
【发布时间】：2019-07-17 13:37:24
【问题描述】：

我正在开发一个已开发的项目，并且是 React 的新手。我从以前实现的下拉列表中复制了一个下拉列表。

 {/* Previously Implemented Code */}
 <Table.Row>
    <Table.Cell>Planned Project Type</Table.Cell>
 </Table.Row>

  <Table.Row>
      <Table.Cell ><PtInputConditionTab whichInput="firsttb" inputType="hwy" name="PlannedProjType" disabled value={typeOptions[this.state.PlannedProjType > 4 ? 0 : this.state.PlannedProjType].label}
      onChange={this.onInputChange} />
      </Table.Cell>
      <Table.Cell ><PtSelect options={typeOptions.slice(0,5)}
                    onChange={this.onChangeDropdown} disabled={this.props.disabled} defaultVal={this.state.PlannedProjTypeOver} name="PlannedProjTypeOver" /></Table.Cell>
  </Table.Row>
  {/* Previously Implemented Code Ends */}

  {/* Previously implemented code copied */}
   <Table.Row>
    <Table.Cell>Planned Project Type</Table.Cell>
 </Table.Row>

  <Table.Row>
      <Table.Cell ><PtInputConditionTab whichInput="firsttb" inputType="hwy" name="PlannedProjType" disabled value={typeOptions[this.state.PlannedProjType > 4 ? 0 : this.state.PlannedProjType].label}
      onChange={this.onInputChange} />
      </Table.Cell>
      <Table.Cell ><PtSelect options={typeOptions.slice(0,5)}
                    onChange={this.onChangeDropdown} disabled={this.props.disabled} defaultVal={this.state.PlannedProjTypeOver} name="PlannedProjectSurfaceTypeOver" /></Table.Cell>
  </Table.Row>
  {/* Previously Implemented Copied Code Ends */}

当我在 PtSelect 标记的第二部分更改名称属性时，下拉菜单不显示所选值。即使单击下拉列表中的其他值，它也始终显示下拉列表的第一个值。只是为了让您知道当我为所选值执行 console.log() 时，它正在选择这些选项，只是不显示它们选择了哪个选项。为了确保您正确理解它，我正在尝试更改注释行“先前实现的代码已复制”内的部分中的名称

【问题讨论】：

我把它修好了。它只是我错误传递的 defaultVal 属性参数。

标签： node.js reactjs jsx

【解决方案1】：

我把它修好了。它只是我错误传递的defaultVal属性参数。

【讨论】：