使用 Slider 和 Input 反應鈎子形式

Question

當我移動它時我需要從 Slider 中獲取相同的值，當我輸入新值時需要從 Input 中獲取相同的值，但它不能正常工作

                            <StyledSlider
                            {register(NAMES.AMOUNT)}
                            defaultValue={5000}
                            value={typeof value === 'number' ? value : 5000}
                            min={5000}
                            max={50000}
                            onChange={handleSliderChange(NAMES.AMOUNT)}
                        />
                        <StyledLabel>
                            <StyledInput
                            {register(NAMES.AMOUNT)}
                                value={value}
                                onChange={handleInputChange(NAMES.AMOUNT)}
                                onBlur={handleBlur}
                                disableUnderline={true}
                            />

Answer 1

范圍輸入的值類型是一個字符串，並且您已經設置了一個帶有5000后備的類型檢查。

如果狀態處理設置正確，您只需使用value={value} 。

在此處查看相關的 MDN 頁面。