Javascript Reactjs-在下拉列表中获取映射数组的选定值

我有一个下拉选择选项，用于映射给定数组对象“template_titles”的数据。当前，该值设置为数组对象中的标题。我希望能够使用下拉列表中的选定值。我如何获得所选的值

演示：

---

我建议使用React Select代替本机选择。过来看。它有一堆内置的额外功能，比如multi-select，甚至异步加载它的选项。它还允许用户输入它来缩小它显示的选项范围，我想这就是你想要的

它将选项数组作为一个道具，看起来像[{value:'option value'，label:'option value show To User'}]

它还接受一个onChange，该onChange为单个select提供了用户选择的选项，因此您的更改处理程序可以如下所示：

handleSelectChange(({ value }) => { /*whatever you want to do with the value*/ })

---

我建议使用React Select代替本机选择。过来看。它有一堆内置的额外功能，比如multi-select，甚至异步加载它的选项。它还允许用户输入它来缩小它显示的选项范围，我想这就是你想要的

它将选项数组作为一个道具，看起来像[{value:'option value'，label:'option value show To User'}]

它还接受一个onChange，该onChange为单个select提供了用户选择的选项，因此您的更改处理程序可以如下所示：

handleSelectChange(({ value }) => { /*whatever you want to do with the value*/ })

---

通过将对象作为e传递给测试器函数，可以使用下拉模板选择中的选定值，如：

const tester = (e) => {
    console.log(e.target.value);
    //.... your code here

    // You can then also search `template_titles` array like
    const data = template_titles.find(el => el === e.target.value);
    console.log(data);
};

此处e.target.value是所选的选项值

另外，请注意，现在使用data.subject或对数据的其他属性的任何调用都将返回未定义，因为模板标题在演示中是一个简单的字符串数组，如：

template_titles = ["hello", "hi", "hi"];

data.subject仅在模板标题数据替换为对象数组时才起作用

有关更多信息：

---

通过将对象作为e传递给测试器函数，可以使用下拉模板选择中的选定值，如：

const tester = (e) => {
    console.log(e.target.value);
    //.... your code here

    // You can then also search `template_titles` array like
    const data = template_titles.find(el => el === e.target.value);
    console.log(data);
};

此处e.target.value是所选的选项值

另外，请注意，现在使用data.subject或对数据的其他属性的任何调用都将返回未定义，因为模板标题在演示中是一个简单的字符串数组，如：

template_titles = ["hello", "hi", "hi"];

data.subject仅在模板标题数据替换为对象数组时才起作用

有关更多信息：

---

这里是什么？也发布功能代码..刚刚编辑。tester函数：给定值，更改列表中的特定输入值。我正在尝试重新创建自动填充函数。我不确定在不使用此.tester的情况下如何调用此函数。请使用once为此创建一个。很抱歉，这当前正在函数组件而不是类组件中运行。是否可以使用demoedited和DemoTester进行演示？也发布功能代码..刚刚编辑。tester函数：给定值，更改列表中的特定输入值。我正在尝试重新创建自动填充函数。我不确定在不使用此.tester的情况下如何调用此函数。请使用once为此创建一个。很抱歉，这当前正在函数组件而不是类组件中运行。将使用demofor data.sugest处理DemoEdit，在演示中，我知道它将返回undefined。在我的actualy项目中，我为data.sugest使用了一个值为subject、text等的对象，在演示中，我知道它将返回undefined。在我的实际项目中，我使用了一个对象，它的值为subject、text等。