reactjs - ForwardRef 与 refObject

Question

我将 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>
  );
});

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

标签： reactjstypescript