генерировать чип для выпадающего автозаполнения - PullRequest
Новая
       25

генерировать чип для выпадающего автозаполнения

0 голосов
/ 13 октября 2019
  • В левом боковом углу у меня есть меню, сгенерированное чипом.
  • , когда я щелкаю меню, открывается всплывающее окно.
  • в этом первом текстовом поле, когда я ввожу какое-то значениев текстовом поле и нажата кнопка ввода, генерируется фишка.
  • следующее поле выпадающее, когда я скрыл значение dropwndown, и нажмите клавишу ввода, чтобы сгенерировать чип.
  • Я использовал те же методы дляавтозаполнение, но не работает.
  • Я отлаживал, помещая консоль в эти методы handleChangeSingle и pushToarray, но не помогая мне
  • Я даже не вижу эти значения внутри этого метода handleChangeSingle и pushToarray
  • весь мой выпадающий код sis внутри этого файла dropdown.js
  • когда я передаю все три параметра способом 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)}
        />
...