ReactJS：如何在值中传递多个值？

Question

我想在 react class 组件的 value 下传递多个值。喜欢 value={this.state.port1, this.state.port2, .....etc }

有什么办法吗？

return (
  <ReactAutocomplete
    items={this.state.searchData}
    shouldItemRender={(item, value) =>
      item.NameWoDiacritics.toLowerCase().indexOf(value.toLowerCase()) > -1
    }
    getItemValue={(item) => item.Name}
    renderItem={(item, highlighted) => (
      <div
        key={item.id}
        style={{ backgroundColor: highlighted ? "#eee" : "white" }}
      >
        {item.Name}
      </div>
    )}
    value={(this.state.Port1, this.state.Port2)}
    onChange={(e) => this.childOnChange(e)}
  />
);

Answer 1

你可以像传递“对象”一样传递它。

value={{ this.state.Port1, this.state.Port2}}

或

value={{ value1: this.state.Port1, value2: this.state.Port2 }}

Answer 2

你可以传递一个对象

value={{port1: this.state.Port1, port2: this.state.Port2}}

ReactJS：如何在值中传递多个值？

ReactJS: How to pass multiple values in value?

javascript

autocomplete

reactjs

react-native