reactjs - 如何在 React 中清除 ref.current 值的内部文本?
问题描述
如何访问 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 的内部输入。(将其设置为'')
提前致谢
拉斐尔
解决方案
既然您提到您正在使用 MUI,它基本上根据 docs here提供了一个包装的组件,并将参考传递给输入,您必须将一个 prop 传递给 comonent 作为
...
inputRef={myref}
...
推荐阅读
- amazon-web-services - 我想使用 AWS SQS 设置可见消息的时间
- ios - SecKeyCreateSignature 使用 privateKey 提供错误访问权限
- postgresql - 如何在 PostGIS 中将缓冲区大小从度数更改为以米为单位的距离?
- angular - 在多个组件中进行错误处理时避免样板
- visual-studio-code - VS Code 中的 Prettier 不断突破界限
- spring - spring data cassandra升级spring boot 2.3.0获取驱动连接超时异常
- pusher - 如果我有多个客户端订阅了推送频道,我可以让其中一个接收消息吗?
- c# - C#中的自定义文本框
- python - pygame.Surface 对象没有属性“prep_ships”
- scala - Spark/Scala - 无法执行用户定义的函数