reactjs - 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 の内部入力を以前の値からクリアする必要があります。('' に設定)

前もって感謝します

ラファエル