反应：onChange根据所选选项设置多个状态值

Question

我有一个<select>表单元素，其中包含从道具获得并映射为选项的项目列表。每个项目都有一个Route属性（选项键）和Description属性（选项显示）。

<select>元素具有一个onChange处理程序。选择一个选项时，到目前为止，我只能传递描述（即选定的value），但是我也想传递关联的路线。设置状态时，数字的值为undefined。

如何也可以通过关联的路线？

我有类似的问题，但它们使用的语法较旧。

import React, { useState, Fragment } from 'react';

const RouteSelect = props => {

    const { routes } = props;

    //console.log(routes);

    const [selectedRoute, setSelectedRoute] = useState({
        name: '',
        number: ''
    });

    const routeOptions = routes.map(route =>
        <option key={route.Route._text}>{route.Description._text}</option>
    );

    return (
        <Fragment>
            <select onChange={event =>       
                setSelectedRoute({
                    name: event.target.value,
                    number: routes.Route
                })}
            >
                {routeOptions}
            </select>
            {console.log(selectedRoute)}
        </Fragment>
    );
};

export default RouteSelect;