ReactJs:更改<input>标记内的状态

摩根·艾伦

通常,要更改文本字段中的更改,我会执行以下操作:

<input type="text" onChange={this.handleFirst}/>

handleFirst: function(e){
        this.setState({
            first: e.target.value
        });
    },

但是我有几个input字段,并且想避免创建多个处理程序来管理状态变化。

有没有办法做这样的事情?

<input type="text" onChange={this.setState({last:e.target.value})}/>

当我尝试该操作时,我听到一个错误消息e is not defined(据我了解)。有没有办法获取值input

用户5520186

如果您想以这种方式进行操作,则需要将其包装在一个函数中:

<input type="text" onChange={e => this.setState({ last: e.target.value })} />

onChange事件正在等待要调用的函数,而不是语句。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

角度-从标记更改状态

来自分类Dev

ReactJs:响应状态更改而更改状态

来自分类Dev

ReactJs更改状态未显示

来自分类Dev

ReactJS:更改子组件的状态

来自分类Dev

更改其他组件的状态-ReactJS

来自分类Dev

从表单输入更改状态对象变量-ReactJS

来自分类Dev

从数组状态更改数据reactjs

来自分类Dev

从 ReactJS 中导入的函数更改类状态

来自分类Dev

TransformerFactory破坏了<html>标记内的<input>和<br>标记

来自分类Dev

更改所有标记的拖动状态

来自分类Dev

HTTP状态500:在jsp中使用form:input标记时

来自分类Dev

ReactJS:通过props从父级更改子级状态

来自分类Dev

父状态更改后,ReactJs子级未更新

来自分类Dev

请勿直接更改状态的警告。在reactjs中使用setState()

来自分类Dev

Reactjs从外部函数更改App.js中的状态

来自分类Dev

Reactjs状态更改不会传播到动态创建的子组件

来自分类Dev

在ReactJS中状态更改后,内嵌样式无法正确呈现

来自分类Dev

reactjs-更改状态不会重新渲染组件

来自分类Dev

reactjs表示组件在redux状态更改时未重新呈现

来自分类Dev

在 ReactJs 中从子级更改父级的状态

来自分类Dev

未根据 ReactJS 状态更改检查单选按钮

来自分类Dev

reactjs 无需单击即可更改选择的状态

来自分类Dev

ReactJS:状态更改时元素不会更新

来自分类Dev

通过JavaScript在ins标记内更改值

来自分类Dev

无法在 ReactJS 状态内呈现数组

来自分类Dev

如何更改li标签(reactjs)内的特定组件;

来自分类Dev

在状态内将本机更改功能状态转换为状态内的类状态

来自分类Dev

ReactJS - 在状态内更新对象时避免重置状态

来自分类Dev

更改 reactJs 父组件中的状态不会更改 react 子组件中的道具

Related 相关文章

热门标签

归档