Question

我有一个包含许多选择字段和输入字段的表单。我想知道是否存在以编程方式为选择/输入字段生成状态，setState和onChange函数的方法。

我可以生成动态生成的输入字段。但是我需要将其应用于选择字段。

在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的新手，并且没有使用正则表达式的经验。因此，任何帮助都非常感谢！谢谢您耐心的阅读：-）

如何动态生成组件属性？

0 个答案: