React selecting option with object as attribute value

Question

I have an issue with react when I want to change the selected option. The problem is that the value is an object and I can\'t pass it in option value attribut.

See t

Answer 1

Convert the object to JSON string, and pass it as value.

And convert the string back to object in the handler.

handleChange(event) {
    let obj = JSON.parse(event.target.value); //object
  }

  render() {
    
     {this.props.listOption.map((option, index) => 
        //pass object string as value
         {option.name}
       
     )}
    
  }