我正在使用弹性 UI 组件双范围:
const [yearRangeVal, setYearRangeVal] = useState([1974, 2007]);
const onYearRangeChange = (value: <number[]>) => {
setYearRangeVal(value);
};
<EuiDualRange
min={1974}
max={2007}
showTicks
tickInterval={10}
onChange={onYearRangeChange}
value={yearRangeVal}
/>
Run Code Online (Sandbox Code Playgroud)
并在 VSCode 中收到此错误:
没有重载匹配这个调用。重载 2 of 2, '(props: EuiDualRangeProps, context: any): EuiDualRange',出现以下错误。类型 '(value: <number[]>) => void' 不能分配给类型 '(values: [ReactText, ReactText], isValid: boolean, event: ChangeEvent | MouseEvent<HTMLButtonElement, MouseEvent> | KeyboardEvent<... >) => 无效'。重载 2 of 2, '(props: EuiDualRangeProps, context: any): EuiDualRange',出现以下错误。类型 'number[]' 不能分配给类型 '[ReactText, ReactText]'。
此代码来自 Elastic UI 库(请参阅 ValueMember 变量):
type ValueMember = number …Run Code Online (Sandbox Code Playgroud)