时间戳

首页 > 解决方案 > 无论用户类型如何，如何获取输入字段值？

reactjs - 无论用户类型如何，如何获取输入字段值？

问题描述

我正在尝试获取输入字段值，无论用户在输入字段中输入什么类型。使用此输入text我试图从服务器获取数据并显示在下拉列表中。然后从下拉列表中选择值

这是我的代码

https://codesandbox.io/s/semantic-ui-react-example-7iy8l

API 链接 https://react.semantic-ui.com/modules/dropdown/#types-clearable-multiple

 <Dropdown
    clearable
    fluid
    multiple
    search
    selection
    options={countryOptions}
    placeholder='Select Country'
  />

标签： reactjssemantic-uisemantic-ui-react

解决方案

如果您需要获取选定的值，那么您需要使用e.target.textContent并使用它可以从该函数调用 API，您也可以根据需要将该值存储在状态或变量中。

export default class DropdownExampleClearableMultiple extends React.Component {
  getValue = (e) => {
    console.log(e.target.textContent);
  };

  render() {
    return (
      <Dropdown
        clearable
        fluid
        multiple
        search
        selection
        options={countryOptions}
        placeholder="Select Country"
        onChange={this.getValue}
      />
    );
  }

推荐阅读