创建 select 输入值，并能够在 React 中填写自己

Question

我需要使输入字段能够添加未选择的名称。 我为此创建了额外的字段：因此，当用户 select “其他”从列表中出现时，会出现新字段。

但问题是，当我填写新字段时，它会更改状态，因为这两个字段具有相同的值={this.state.company}

我的工作代码在这里：

https://codesandbox.io/s/select-form-sg5wr

我需要能够保存值：如果它是 partner1 - 保存它，如果它是其他 - 然后写下其他名称并保存它。 但是值应该 go 像一个值（值={this.state.company}）。 也许有办法不添加新文件？ 就像如果它不在列表中然后写它。 提前致谢！

UPD：我已经解决了，只需添加第三个隐藏输入

value={this.state.company === "other" ? this.state.companyOther : this.state.company} 

并更改 setState。

Answer 1

我认为使用 state 很容易处理。 当您一次又一次地更新相同的 state 时，您无法在自己的过程中执行此操作。 您可以声明一个名为 companyOther 的新companyOther并在您的handleSubmit中使用以下条件，

this.state.company === "other" ? this.state.companyOther : this.state.company