Как динамически генерировать свойство компонента? - PullRequest
Новая
       10

Как динамически генерировать свойство компонента?

0 голосов
/ 04 мая 2019

У меня есть форма со множеством полей выбора и полей ввода.Мне интересно, существует ли способ программно генерировать состояние, функции setState и onChange для полей выбора / ввода.

Я могу генерировать динамически генерируемое поле ввода.Но мне нужно применить его для выбора полей.

https://codesandbox.io/s/qv4qn7q0j9

В useInput.js динамически генерируемые атрибуты передаются компоненту ввода оператором распространения.

Я хочусделать useSelect.js, который динамически генерирует атрибуты для заданных входных данных.

Например, 

const [name, setName] = useState('');
const nameOnChange = (newName) => {
  setName(newName)
};

...

<Select
  placeholder="name"
  options={nameOptions}
  onChange={nameonChange}
/>

в 

const name = useSelect('');
<Select input={name} />

или 

<Select input="name" />

Я думаю, что я ищу функцию, которая возвращает как 

import {Aoptions, Boptions} from "../options.js";

const lookingfor = (input) => {
  const [input, setInput] = useState('');
  const placeholder = input.toString;
  const options = `${input}options`;
  const onChange = (newInput) => {
    setInput(newInput);
  };
  return {placeholder, options, onChange}
};

Я примерно думаю, что регулярное выражение может помочь, но я новичок в web-dev и не имею опыта работы с регулярными выражениями.Так что любая помощь очень ценится!Спасибо за чтение вашего пациента: -)

...