[react] 如何给非控组件设置默认的值?

Posted 前端小歌谣

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[react] 如何给非控组件设置默认的值?相关的知识,希望对你有一定的参考价值。

[react] 如何给非控组件设置默认的值?

  • 表单元素依赖于状态(state),表单元素需要默认值实时映射到状态的时候,就是受控组件
<input name="username" type="text" 
value=this.state.username onChange=this.handleChange />
  • 不通过state控制表单元素,而是通过ref来控制的表单元素就是非受控组件
<input name="username" type="text" 
ref=username=>this.username=username/>

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论



主目录

与歌谣一起通关前端面试题

以上是关于[react] 如何给非控组件设置默认的值?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 React Native 的不同组件中使用钩子并让它们显示相同的值?

非组件的 React-intl

React拓展 - setState - 路由组件懒加载 - Hooks - Fragment - Context - PureComponent - 插槽 - 错误边界 - 组件通信方式总结(代码片

react 给组件设置默认的props值

如何将包装在 Promise 中的值传递给非异步函数? [复制]

三元运算符在 React 组件中用于设置 datalist 选项的值时失败