javascript - 如何在react js中的get过滤器中设置.val()？

Question

我正在尝试从 api 获取多个用户，在选择选项中我可以选择多个用户，但无法获取数据，那么如何在 const selctec =.. 中设置 .val() 我正在尝试获取选项，但我所做的过程只能获取一个数据，并且在我的API中我可以选择像user= 1,2,3,4这样的用户，所以我也想在react js中这样请帮助我

getData = async e => {
    try {
      // alert("Your favorite flavor is: " + this.state.value);
      const edd = e.target.elements.edd.value;
      const selectOptions = e.target.elements.selectOptions.value; // And I want to Select .() in this handler that i can fetch multiple user
      const modee = e.target.elements.modee.value;
      const from = e.target.elements.from.value;
      const to = e.target.elements.to.value;
      e.preventDefault();
      const res = await fetch(
        `${config.apiUrl.report}?date__lte=${to}&date__gte=${from}&user=${selectOptions}&mode=${modee}&electric_bike=${edd}`
      );
      const movies = await res.json();
      console.log(movies);
      this.setState({
        movies
      });
    } catch (e) {
      console.log(e);
    }
  };

Answer 1

所以您试图允许用户选择多个选项，然后用逗号将它们的值连接起来以传递到 API 参数中？

如果为 HTML select 元素赋予 multiple 属性，用户将能够通过在选择选项时按住 Shift 或 Command/Ctrl 来选择多个选项。从那里，您需要迭代所有选项并记下选择的选项以将它们连接到字符串中。像这样的事情:

const selections = [...e.target.elements.selectOptions.options].filter(opt => opt.selected);
const selectedValues = selections.map(opt => opt.value);
const selectedString = selectedValues.join(',');

您当然可以将它们组合成一两行，我只是添加了所有中间值以使过程清晰以用于演示目的:)