如何在 React 输入类型范围（滑块）中获取动态步骤和依赖项？
How to get dynamic steps and dependencies in React input type range (slider)?
我需要两个范围类型的输入滑块。
下面是我的变体沙箱，但我认为这不是正确的方式。
因此，第一个滑块应具有：最小值 = 1000，最大值 20000，步长 = 1000。（非常简单）
第二个应具有：最小值 = 3，最大值 = 70，动态步长 [3, 7, 14, 54, 70]。如何实现动态步骤？
这些滑块也有依赖关系：
如果第一个输入的值大于 10000，则第二个输入的值应为 54，并且不能向下移动。
如果第一个输入的值小于 10000，则第二个输入的值应为 3、7、14，但不能提高到 54 和 70。
测试代码在这里：Sandbox
提前感谢您的建议。
这里有 Sandbox 我的回答。
我做了什么：
- 我为第二个滑块创建了一个包含步骤的数组。
- 使用索引作为步骤。
- 将数组从 [54,70] 更改为 [3,7,14]，并在用户超过第一个滑块中的 10000 值时重置第二个滑块的值。
我需要两个范围类型的输入滑块。
下面是我的变体沙箱，但我认为这不是正确的方式。
因此，第一个滑块应具有：最小值 = 1000，最大值 20000，步长 = 1000。（非常简单）
第二个应具有：最小值 = 3，最大值 = 70，动态步长 [3, 7, 14, 54, 70]。如何实现动态步骤？
这些滑块也有依赖关系：
如果第一个输入的值大于 10000，则第二个输入的值应为 54，并且不能向下移动。
如果第一个输入的值小于 10000，则第二个输入的值应为 3、7、14，但不能提高到 54 和 70。
测试代码在这里：Sandbox
提前感谢您的建议。
这里有 Sandbox 我的回答。
我做了什么：
- 我为第二个滑块创建了一个包含步骤的数组。
- 使用索引作为步骤。
- 将数组从 [54,70] 更改为 [3,7,14]，并在用户超过第一个滑块中的 10000 值时重置第二个滑块的值。