Reactjs React中事件处理程序中的“e”是否有其他选项?
我有以下代码片段 从React导入React; 从react-dom导入ReactDOM; const rootElement=document.getElementByIdroot; 常量应用= alerte.target.value} /> ; ReactDOM.renderapp,根元素;Reactjs React中事件处理程序中的“e”是否有其他选项?,reactjs,event-handling,Reactjs,Event Handling,我有以下代码片段 从React导入React; 从react-dom导入ReactDOM; const rootElement=document.getElementByIdroot; 常量应用= alerte.target.value} /> ; ReactDOM.renderapp,根元素; 在这里,我使用e获取事件对象。在事件处理函数中是否有其他替代方法可以代替e来执行相同的操作?在您的示例中,e是arrow函数的开头。它是您根据自己的意愿声明的东西,然后在函数内部使用它 您可以先将e更改
在这里,我使用e获取事件对象。在事件处理函数中是否有其他替代方法可以代替e来执行相同的操作?在您的示例中,e是arrow函数的开头。它是您根据自己的意愿声明的东西,然后在函数内部使用它 您可以先将e更改为您想要的任何变量名,然后在函数中使用它
为了进一步阅读,我建议您阅读一篇关于y-arrow函数的文章。示例中的e是arrow函数的开头。它是您根据自己的意愿声明的东西,然后在函数内部使用它 您可以先将e更改为您想要的任何变量名,然后在函数中使用它 为了进一步阅读,我推荐您阅读一篇关于Y箭头函数的文章。对所有标准HTML属性和事件进行反应 作为输入,其事件由事件对象处理 您可以像每个UI库一样实现包装器,并使用任何您希望的替代方案
// The wrapper handles the event object internally
<Input onChange={(value) => setMyValue(value)} />
反应所有标准HTML属性和事件
作为输入,其事件由事件对象处理
您可以像每个UI库一样实现包装器,并使用任何您希望的替代方案
// The wrapper handles the event object internally
<Input onChange={(value) => setMyValue(value)} />
这只是事件对象的别名。它不需要仅用e表示,但它描述了它是一个事件 现在根据我在帖子标题和评论中看到的你的问题。根据您的组件设计,您可以不同地使用它 功能性: 类别:
这只是事件对象的别名。它不需要仅用e表示,但它描述了它是一个事件 现在根据我在帖子标题和评论中看到的你的问题。根据您的组件设计,您可以不同地使用它 功能性: 类别: 使用参考文献 使用参考文献
您可以使用任何名称,而不仅仅是e,如果您正在询问的是事件对象的别名的话。您可以随意命名。@IsmaelPadilla很抱歉,我不是指命名,我是想知道另一种执行相同操作的方法。Kindle批准您认为有用的答案:您可以使用任何名称,而不仅仅是e,如果您正在询问的是事件对象的别名的话。您可以随意命名。@IsmaelPadilla很抱歉,我不是指命名,我是想知道另一种执行相同操作的方法。Kindle批准您认为有用的答案:
class ClassComponent extends React.Component{
const clickHandler = e=>{
// use it here
}
render(){
return(<div className="App">
<input
type="button"
value="Click me"
onClick={this.clickHandler} // <----bind it here
/>
</div>);
}
}
import React, { useRef } from "react";
import ReactDOM from "react-dom";
const app = () => {
const input = useRef()
return (
<div className="App">
<input
ref={input}
type="button"
value="Click me"
onClick={() => alert(input.current.value)}
/>
</div>
)
}
const rootElement = document.getElementById("root");
ReactDOM.render(app, rootElement);