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

问题描述

我想在react类组件的值下传递多个值。就像在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)}
  />
);

解决方法

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

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

或

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

,

您可以传递一个对象

padding: const EdgeInsets.all(20.0),children: List.generate(choices.length,(index) { return Center( child: ChoiceCard( choice: choices[index],item: choices[index],onTap: () { Navigator.push( context,MaterialPageRoute( builder: (context) => Detail(choice: choices[index])),);},),);}))