Javascript 为什么onchange在React和HTML上的行为不同 第一个例子

Javascript 为什么onchange在React和HTML上的行为不同 第一个例子,javascript,html,reactjs,onchange,Javascript,Html,Reactjs,Onchange,HTML:在下面的示例中,当文本框modified并按下enter时,会触发console.log() 这在以下章节中介绍: 使用JSX,可以将函数作为事件处理程序而不是字符串传递 当您说onChange={console.log(1)}时,JavaScript表达式console.log(1)将立即进行计算(并且在组件的每个呈现上),返回值被指定为事件处理程序(因为console.log的返回值是未定义的(这不是函数),这是没用的) 在下面的示例中,console.log()是动态触发的

HTML:在下面的示例中,当文本框modified并按下enter时,会触发console.log()

这在以下章节中介绍:

使用JSX,可以将函数作为事件处理程序而不是字符串传递

当您说
onChange={console.log(1)}
时,JavaScript表达式
console.log(1)
将立即进行计算(并且在组件的每个呈现上),返回值被指定为事件处理程序(因为
console.log
的返回值是
未定义的
(这不是函数),这是没用的)


在下面的示例中,console.log()是动态触发的

见:

我们有意不使用现有的浏览器行为,因为onChange对其行为的称呼不正确,React依赖此事件实时处理用户输入

这包括在:

使用JSX,可以将函数作为事件处理程序而不是字符串传递

当您说
onChange={console.log(1)}
时,JavaScript表达式
console.log(1)
将立即进行计算(并且在组件的每个呈现上),返回值被指定为事件处理程序(因为
console.log
的返回值是
未定义的
(这不是函数),这是没用的)


在下面的示例中,console.log()是动态触发的

见:

我们有意不使用现有的浏览器行为,因为onChange对其行为的称呼不正确,React依赖此事件实时处理用户输入


首先,我要说的是,在设置事件时,应该提供回调函数,而不仅仅是松散的代码。首先,我要说的是,在设置事件时,应该提供回调函数,而不仅仅是松散的代码。