反应自动完成获取 object onchange 事件

Question

Upon the onchange event below, I need to get a vehicle object. Instead, I am getting only a vehicle number which got displayed as dropdown value. I tried to pass item to get vehicle object, but still I am getting a vehicle number.

My onchange listener:

onChange={(event, item) => handleVehicleChange(event, item)}

My autocomplete element:

<div className="autocomplete-wrapper">
<label htmlFor="title">Vehilce No</label>
<Autocomplete
    placeholder="please select vehicle"
    value={vehicle.val}
    items={vehicles}
    getItemValue={item => item.number}
    shouldItemRender={renderVehicleNumber}
    renderMenu={item => (
    <div className="dropdown">
        {item}
    </div>
    )}  
    renderItem={(item, isHighlighted) =>
    <div className={`item ${isHighlighted ? 'selected-item' : ''}`}>
        {item.numberPlate}
    </div>
    }
    onChange={(event, vehicle) => handleVehicleChange(event, vehicle)}
    onSelect={vehicle => handleVehicleChange('',  vehicle)}
/>
</div>
</div>

Answer 1

Should it be vehicle.val? Rather than vehicle inside your element?