我想在reactjs中创建多个动态输入字段

2eafrhcq 于 2023-02-13 发布在 React

关注(0)|答案(1)|浏览(113)

<div id="options-container"></div>

<script>
  function createInputElements(num) {
    const optionsContainer = document.getElementById("options-container");
    for (let i = 0; i < num; i++) {
      const input = document.createElement("input");
      input.setAttribute("type", "text");
      input.setAttribute("placeholder", `Input ${i + 1}`);
      optionsContainer.appendChild(input);
    }
  }

  const option = 3;
  createInputElements(option);
</script>

这是基于选项编号动态创建多个输入字段的javascript代码，希望用react js编写

react-native

来源：https://stackoverflow.com/questions/75430932/i-wanted-to-create-multiple-dynamic-input-fields-in-reactjs

1条答案

按热度按时间

s5a0g9ez1#

您可以使用useState来执行此操作：

const[option,setOption]=useState(3);
  let output=[];
  for (let i=0;i<option;i++){
    output.push(<input key={"input_"+i} type="text" placeholder={"Input "+(i + 1)}/>)
  }
  return (      
      <div id="options-container">
        {output}
      </div>        
  );

赞(0）回复(0）举报 2023-02-13

我来回答

我想在reactjs中创建多个动态输入字段

1条答案

相关问题

热门标签

最新问答