Passing parameter to material-ui AutoComplete

Question

is there any way to pass additional parameters to function in material-ui's AutoComplete component? I would like to pass something beside value in onUpdateInput tag. Here's what I want to do but in normal React version: https://reactjs.org/docs/handling-events.html#passing-arguments-to-event-handlers

Here's my code

{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>
 ))}

Now I would like to pass 'idx' to handleInputUpdate function. Can I do this somehow?

MEnf · Accepted Answer · 2018-02-13 20:32:50Z

2

I'm not familiar with the material-ui library, but you can add your own parameters to a function by using callbacks.

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

...

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

in this example, x and y are parameters from the onUpdateInput function that you want to use in your function.
Then you provide your own parameter, like idx, into the handleInputUpdate function.

Hope this helps!

edited Feb 13, 2018 at 20:32

answered Feb 12, 2018 at 22:36

MEnf

1,5321 gold badge12 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Passing parameter to material-ui AutoComplete

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related