Question

在左上角有芯片生成菜单。
当我单击菜单时，将打开一个弹出窗口。
在第一个文本字段中，当我在文本字段中输入一些值并按Enter键时，就会生成芯片。
当我选择dropwndown值并按下Enter键时，下一个字段将被下拉。
我对自动填充使用了相同的方法，但是无法正常工作。
我通过将控制台放入此方法handleChangeSingle和pushToarray中进行调试，但没有帮助
我什至没有在方法handleChangeSingle和pushToarray中看到这些值
该文件dropdown.js中所有我的下拉代码sis
当我以es6方式传递所有三个参数时，即使选择的值也没有出现
在下面提供我的代码段和沙箱。

https://codesandbox.io/s/material-demo-o8wb4

  //const handleChangeSingle = value => {
const handleChangeSingle = value => name => event => => {

    setSingle(value);

    setValues({ ...values, [name]: event.target.value });
    console.log("handleChange----->", values);
  };

  function pushToarray(e) {
    console.log("handleChange pushToarray----->", e);
    if (e.key === "Enter") {
      e.preventDefault();

      setValues({ tags: [...values.tags, e.target.value], tag: "" });
      setAnchorEl(null);
    }
  }


  <Select
          classes={classes}
          styles={selectStyles}
          inputId="react-select-single"
          TextFieldProps={{
            label: "Country",
            InputLabelProps: {
              htmlFor: "react-select-single",
              shrink: true
            }
          }}
          placeholder="Search a country (start with a)"
          options={suggestions}
          components={components}
          value={single}
          onChange={handleChangeSingle}
          onKeyDown={e => pushToarray(e)}
        />

生成芯片以自动完成下拉

0 个答案: