当前位置: 首页 > 知识库问答 >
问题:

ReactJS在键入时改变输入字段?

柴琦
2023-03-14

我想在ReactJS onChange中执行一个附加函数,在input type text字段中,那么render函数是:

render(){
    return (
        <div>
            <InputText />
        </div>
    )
}
class InputText extends React.Component {

    onChange(e){
        console.log("you typed again...");
    }

    render() {
        return (
            <input type="text" placeholder="search..." onChange={this.onChange()} />
        );
    }
}

共有1个答案

叶裕
2023-03-14

而不是调用onchange道具中的函数,例如:

onChange={this.onChange()}

您只需要传递函数,例如:

onChange={this.onChange}
 类似资料:
  • 我正在学习反应和反应形式,并试图创建一个动态和可扩展的形式。我已经设置了具有的状态,并基于该类型,显示相应的输入类型(因此它可以是文本、文本区域、单选、选择、日期或复选框)。我试图写一个函数,这样它将动态设置基于的表单输入,但我卡住了试图实现相同的变化。 所以如果,或,等等。 请检查此工作代码沙盒。 看看这个完整的代码片段:- 我仍在努力学习并花时间与ReactJS在一起,因此任何帮助都将不胜感激

  • 问题内容: 我在下面使用一个变量。 这由我的输入字段使用。 激活后,我想清除我的输入字段。但是,我不确定该怎么做。 另外,如本例所示,有人指出我应该将属性用于输入值。我还不清楚这到底意味着什么。在这种情况下有什么意义? 问题答案: 您可以使用输入类型=“重置”

  • 我正在使用构建组件,其中我有一个文本字段列表。 我在redux中存储数据。 每个保留每个

  • 问题内容: 我正在制作动态表格。一个有值的列表。每个值由一个字符串表示。 我的组件中有一个函数,可以向该字段添加新值。 值和按钮在我的HTML中这样显示。 一旦我在值的输入中写入一些文本,输入就会失去焦点。如果我在一个字段中添加了多个值,并且在一个输入值中写入了一个字符,则该输入将失去焦点,并且该字符将写入每个输入中。 问题答案: 当数组是原始类型(在您的情况下是数组)时,会发生这种情况。这可以通

  • 问题内容: 我有一个简单的输入数字,例如: 尝试输入数字或字母“ e”以外的任何内容时,它不起作用,但是当我输入字母“ e”时,它起作用。 我检查了w3.org规范,它清楚地表明可以使用常规表示法(例如:10.2)或科学表示法(例如:1e2)来键入浮点数。 所以我的问题是:有没有一种方法可以防止用户键入e字母和点。用另一种方式说:有没有一种方法可以使输入数字 只 接受 整数 ? 我有一个用Angu