javascript - Unterstützt die AntDesign Select-Komponente benutzerdefinierte Eingaben (mode="tags"), die einen Fehler melden?

Question

Wenn Sie die ausgewählte Komponente von antdesign verwenden, müssen Sie die Support-Eingabefunktion verwenden. Laut Dokument fügen Sie das Attribut mode="tags" hinzu und der Schlüsselwert wird ebenfalls zur Option hinzugefügt, es wird jedoch weiterhin ein Fehler gemeldet . Hier ist mein Code:

    

<FormItem label="请输入版本号">
          {
            getFieldDecorator('appversion', {initialValue: ''})(
              <Select mode="tags" style={{ width: '140px' }}>
                { this.state.appverCodeList }
              </Select>
            )
          }
        </FormItem>
        
        const appverCodeList = res.map((item) => {
            return(
                <Option value={item.key.toString()} key={item.key.toString(){item.value } </Option>
              )
            })
        this.setState({ appverCodeList })
        
        

Fehlermeldung: Nicht erfasster Fehler: Schlüssel für <rc-animate> muss festgelegt werden

Answer 1

这是最诡异的BUG了，期待大神解读

Answer 2

<Option value={item.key.toString()} key={item.key.toString(){item.value } </Option>
你不是这里写错了,应该是这样的吧：
<Option value={item.key.toString()} key={item.key.toString()}>{item.value } </Option>