如何在 React 中清除 ref.current 值的内部文本？

Question

如何访问 ref.current 的内部文本值属性。

通过 console.log(loginField.current) 我得到了：

<div class="some name">
   <input aria-invalid="false" id="login" placeholder="Email" type="text" class="other name" value="">
</div>

我设置loginField的方式是：

  let loginField = React.createRef();

和

          <FormControl className={clsx(classes.margin, classes.textField)}>
            <StyledInput
              id={LOGIN}
              type="text"
              value={values.login}
              disableUnderline={true}
              placeholder="Email"
              ref={loginField}             // I set it here
              onFocus={handleFocus}
              error={fieldsErrors.loginError !== ''}
              onChange={handleChange(LOGIN)}
            />
          </FormControl>

我需要从以前的值中清除此 div 的内部输入。 （将其设置为 ''）

提前致谢

拉斐尔

Answer 1

既然您提到您正在使用 MUI，它基本上根据文档 here 提供了一个包装的组件，并且要将参考传递给输入，您必须将一个 prop 传递给组件作为

   ...
   inputRef={myref}
   ...