javascript - React 函数组件中的 this 关键字
问题描述
在下面的代码中,我收到一个错误,handleClick is not defined。我尝试使用类似 onClick={this.handleClick} 但它不起作用。如何访问下面给出的 Lik 的 onClick 事件的 handleClick 函数
const VerifyOTP = ({ UserProfile }) => {
const [timeLeft, setTimeLeft] = useState();
const [display, setDisplay] = useState(null);
const [input, setInput] = useState(null);
handleClick = () => {
enableOTPBox(false);
};
let displaySendOTPAgain = () => {
setDisplay(
<Link href="#">
<a
onClick={handleClick} //Error -Handle click method is not defined
style={{
color: '#0000EE',
}}>
Resend OTP Again
</a>
</Link>
);
};
enableOTPBox = (input) => {
//code
};
return (
<div className="row">
<div className="col-sm-3">
<div className="form-group">
{input} {display}
</div>
</div>
</div>
);
};
export default VerifyOTP;
解决方案
您需要handleClick
声明const
:
const handleClick = () => {
enableOTPBox(false);
};
推荐阅读
- angular - 在 formControlName 上设置索引 - Angular 6
- c# - 颜色渐变是如何工作的?
- python - 在python中使用正则表达式获取换行符和制表符组的完整匹配
- python - Python,如何将整数矩阵组合到列表中
- python - 使用 urllib2 的 POST 请求未正确发送数据(401 错误)
- javascript - 减少对象数组并返回对象的所有原始属性
- bash - 制作一个 bash 脚本以使用提供的扩展名替换多个文件中的字符串
- javascript - 基于对象数组生成树
- c++ - 为什么将指针作为参数传递时内存分配失败
- php - 为什么 php 内置的 web 服务器在这种情况下不起作用?