Prime Community Forum

Code: Select all

this.state = {
cars:{
name:"",
car: null,
}
}

onCarValueChange(value){
	//value is something like this { label : "BMW", value: 1},
	//this is a copy of cars
	const cars = {...this.state.cars };
	//this is the value that you will display
	cars.name = value.value;
	//cars.car will store entire object and you should it to access to id or value
	cars.car = value;
	this.setState(cars);
}

editorDropdown(){
//this.state.cars.car will store object
return <Dropdown value= {this.state.cars.car} 
            options={myOptions} optionLabel="label" placeholder="Select a Car"
                onChange={(e) => this.onCarValueChange(e.target.value)}>
            </Dropdown>
}

render(){
	return(
		//some code here
		//you display label stored in name property of your object
		<Column field="name" header="Name Car" 
                        editor={this.editorDropdown}}
                        />
	);
}