带有refObject的ForwardRef

时间:2019-07-26 10:02:56

标签: reactjs typescript

我在输入功能组件中使用了forwardRef。

我要设置ref.current.value =“ 0”;对于传递的ref,但React.Ref有任何道具。

是否有办法将ref作为React.RefObject而不是React.Ref?

const Input = forwardRef((props: InputProps, ref?: React.Ref<HTMLInputElement>) => {
  const onChageHandler = (e: React.ChangeEvent<HTMLInputElement>) => {
      //want to do
      if (ref.current) {
        ref.current.value = "0";
      }
  };

  return (
    <Column vertical="center">
      {props.label && <label>{props.label}</label>}
      <input
        ref={ref}
        disabled={props.disabled}
        value={props.value === defaultNumberValue ? props.defaultDisplayValue || props.value : props.value}
        onChange={onChageHandler}
      />
    </Column>
  );
});

如果您需要更多信息,请告诉我。

0 个答案:

没有答案