为了账号安全,请及时绑定邮箱和手机立即绑定

请问一下使用react.js 怎么更改input的value值?

请问一下使用react.js 怎么更改input的value值?

忽然笑 2019-10-28 15:02:29
react.js 怎么更改input的value值
查看完整描述

3 回答

?
慕森王

TA贡献1777条经验 获得超3个赞

在react中是无法直接更改from表单元素的值的,必须通过setState()去响应用户的输入。例如想要更改input的value,则需要监听onChange()事件,然后通过event.target.value来获取用户的输入,再通过设置一个名为value的state,来告诉react重新渲染。
onChange(event) {

this.setState({value: event.target.value});
}
<input value={this.state.value} onChange={this.onChange}/>

查看完整回答
反对 回复 2019-11-02
?
慕运维8079593

TA贡献1876条经验 获得超5个赞

在react中是无法直接更改from表单元素的值的,必须通过setState()去响应用户的输入。

  • 返回函数String,它包含以 Input 或 Binary 方式打开的文件中的字符。

  • 返回 String,它包含以 Input 或 Binary 方式打开的文件中的字符。语法Input(number, [#]filenumber)Input 函数的语法具有以下几个部分:部分描述number必要。

  • 任何有效的数值表达式,指定要返回的字符个数。filenumber必要。任何有效的文件号。说明通常用 Print # 或 Put 将 Input 函数读出的数据写入文件。Input 函数只用于以 Input 或 Binary 方式打开的文件。

  • 与 Input # 语句不同,Input 函数返回它所读出的所有字符,包括逗号、引号和前导空格等。对于 Binary 访问类型打开的文件,如果试图用 Input 函数读出整个文件,则会在 EOF 返回 True 时产生错误。

  • 在用 Input 读出二进制文件时,要用 LOF 和 Loc 函数代替 EOF 函数,而在使用 EOF 函数时要配合以 Get 函数。注意 对于文本文件中包含的字节数据要使用 InputB 函数。对于 InputB 来说,number 指定的是要返回的字节个数,而不是要返回的字符个数。

  • 标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、单选按钮、按钮等等。



查看完整回答
反对 回复 2019-11-02
?
犯罪嫌疑人X

TA贡献2080条经验 获得超4个赞

直接定义了TextInput组件,同时设置组件的风格、高度、边框粗细以及边框颜色。而且,我们监听了TextInput的onChangeText事件来获取用户输入信息。还有其他监听事件,例如onSubmitEditing(提交编辑)、onFoucs(输入框获取焦点的时候调用)等相关的监听方法。
接下来我们进一步将例子加深:创建三个TextInput,同时每个TextInput都添加了默认值,第一个TextInput组件设置高度40,边框粗细和边框的颜色,而且可以输入多行信息。第二个TextInput设置左右额外边距以及自动获取焦点

查看完整回答
反对 回复 2019-11-02
  • 3 回答
  • 0 关注
  • 1339 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信