Question

有没有办法将其他参数传递给material-ui的AutoComplete组件？我想在onUpdateInput标记中传递除了值之外的东西。这是我想要做的，但在正常的React版本中：https://reactjs.org/docs/handling-events.html#passing-arguments-to-event-handlers

这是我的代码

{this.state.members.map((member, idx) => (
     <div className="member">
     <AutoComplete
          type="text"
          name="members[]"
          hintText={`Member name`}
          filter={AutoComplete.caseInsensitiveFilter} 
          dataSource={this.state.dataSource}
          onUpdateInput={this.handleInputUpdate}
     />
     <button type="button" onClick={this.handleRemoveMember(idx)}className="small">-</button>
     </div>
 ))}

现在我想将'idx'传递给handleInputUpdate函数。我能以某种方式这样做吗？

Answer 1

我不熟悉material-ui库，但您可以使用回调将自己的参数添加到函数中。

handleInputUpdate = (x, y, idx) => {
  //code goes here
}

...

 onUpdateInput={(x, y) => this.handleInputUpdate(x, y, idx)}

在此示例中，x和y是要在函数中使用的onUpdateInput函数的参数。
然后，您将自己的参数（如idx）提供到handleInputUpdate函数中。

希望这有帮助！

将参数传递给material-ui AutoComplete

1 个答案: