select dynamics - reactjs



我有一个生成动态选择的输入,当在输入中放置一个值时,它会动态地添加一个带有这些值的选择,例如,如果输入中的值在选择中为4,它会加载从1到4的数字,例如,2用3到4的数字加载另一个select,依此类推,直到达到4的值,它还具有一个条件,即如果在第一个select中选择了最高的数字,在本例中它将是4,它不会生成任何附加语句。

现在我需要的是,语句并不是像现在这样自动生成的,而是每个选择都有一个按钮,当它选择时,如果它生成另一个选择,就会有按钮

https://codesandbox.io/s/frosty-dawn-c55ux?file=/src/App.js

如果我理解正确,我会在生成的选择旁边添加一个来自onClick的按钮。

与其在onChange上设置一个函数,不如将其设置在onClick上的这个新按钮上。

这里有一个例子,初始化输入中的最大值,然后生成第一个Select。

https://codesandbox.io/s/stack-select-forked-qn212?file=/src/App.js

最新更新