Hey I need to pass value from selected option to setAgeAnswer(), which updates my state.
<select onChange={() =>setAgeAnswer(/*value of a selected option*/) }>
{AgeList.map(element => (
<option key={element} value={element}>
{element}
</option>
))}
I don't have an idea how to do it, I tried this:
const getValue = (object, callback) => {
callback(object.value);
};
<select onChange={() => getValue(this, setAgeAnswer)}>
But this is undefined in this scope.
Firstly, the onChange event receives the event as an argument and you can use this to obtain the value that was selected e.g. event.target.value.
Secondly, in React when using a <select>, set the value on the actual <select> element.
<select value={this.state.yourValue} onChange={(event) =>setAgeAnswer(event.target.value) }>
First parameter of event handler is event object. it contains target which is DOM element which triggered the event. So you just need to get current value of it
<select onChange={(e) => setAgeAnswer(e.target.value) }>
{AgeList.map(element => (
<option key={element} value={element}>
{element}
</option>
))}
