我需要将下拉值传递给 React 中的 object

Question

我的 Tailwind UI 下拉菜单

我已经解构了这个下拉列表中的道具。 我无法展示它，因为它是 Tailwind UI 库的一部分，我不相信我可以公开分享它。

{Object.keys(busType).length === 0 ? (
<div>...Loading</div>
) : (
<Dropdown
  data={busType}
  name="bus_type_id"
  setSelected={setSelected}
  selected={selected}
  default={busType[0]}
  />
  )}
{console.log(selected.id)}

我有一个 const 命名的输入，它接受所有的文本输入和下拉值。 我的问题是我不知道如何将获得的 selected.id 放入输入 object 中。

const InputModal = () => {
  const busType = useSelector(getBusType);
  const busStatus = useSelector(getBusStatus);
  const city = useSelector(getBusCity);
  const state = useSelector(getBusState);
  const zip = useSelector(getBusZip);

  const [isOpen, setIsOpen] = useState(false);
  const [inputs, setInputs] = useState({
    business_name: "",
    phone: "",
    email: "",
    notes: "",
    taxable: "true",
    sqft: 0,
    bus_status_id: 1,
    bus_type_id: null,
    street: "",
    city_id: 63,
    state_id: 43,
    zip_id: null,
  });
  const [selected, setSelected] = useState([0]);

  const dispatch = useDispatch();

  const onChange = (e) => {
    setInputs({ ...inputs, [e.target.name]: e.target.value });

    console.log(inputs);
  };

  const onSubmitHandler = (e) => {
    e.preventDefault();
    setInputs({ ...inputs, [e.target.name]: e.target.value });

    // dispatch(postAsyncAddLead(inputs));

    setIsOpen(false);
  };

这是我第一次在这里发帖，所以我希望我已经说清楚了。 如果我没有以最佳方式传达我的问题，请告诉我。