如何使用反应从下拉选择中获取值答案

【问题标题】：How to get the value from drop down selection using react如何使用反应从下拉选择中获取值
【发布时间】：2020-08-22 16:38:53
【问题描述】：

我一直在尝试使用 react 中的列表元素开发自定义下拉组件。发现以下工作非常有希望，但我有点困惑如何在从下拉列表中选择项目时更改默认值。例如：最初选择“选择电影”，当我选择一个项目时：“威望”它应该出现在该字段中。

任何帮助将不胜感激。谢谢。

【问题讨论】：

请阅读How to Ask和minimal reproducible example。与您的问题相关的代码直接属于您的问题，采用文本格式且格式正确 - 不只是转储到外部平台上。
嘿，感谢您的建议，我已尝试更新我的问题...
好的，那么“与您的问题相关的代码直接属于您的问题，以文本形式和格式正确”的哪一部分您当时不明白吗？

【解决方案1】：

要实现以下目标，您必须使用 title 属性作为新状态的默认值：

  const [dropdownTitle, setDropdownTitle] = useState(title)

然后使用dropdownTitle作为下拉菜单的显示值：

  <p className="dd-header__title--bold">{dropdownTitle}</p>

最后设置dropdownTitle 每当你选择或点击一个项目：

  function handleOnClick(item) {
    setDropdownTitle(item.value)
    // rest of the code

【讨论】：

嘿，谢谢，这正是我正在寻找的，如果可能的话，再做一件事，当在下拉列表中我们有两个项目，如：{items.value} 和 { items .size}，是否可以这样做：setDropdownTitle（items.value，items，size）。像这样的东西？要在字段中显示两个项目名称，我已经根据你的编辑了我的沙箱......
你能得到修复吗？