范围输入定向道具-类型'DetailedHTMLProps <inputhtmlattributes <htmlinputelement>，HTMLInputElement>'不存在属性'orient'

Question

试图创建一个带有“东方”属性的滑块输入。由于React输入的类型，我无法将其设置为“垂直”。

是否可以扩展声明以添加必要的道具？还是强制Typescript允许道具？

<input
    className={className("slider", props)}
    step={props.step}
    min={props.min}
    max={props.max}
    value={props.value}
    type="range"
    orient={props.isVertical ? "vertical" : "horizontal"}
    onChange={props.onChange}
/>

Answer 1

有一个解决方法。

<input
    ref="slider"
    className={className("slider", props)}
    step={props.step}
    min={props.min}
    max={props.max}
    value={props.value}
    type="range"
    orient={props.isVertical ? "vertical" : "horizontal"}
    onChange={props.onChange}
/>

然后在componentDidMount中执行以下操作

this.refs.slider.getDOMNode().orient = 'vertical';