React OnClick函数不会绑定，'this‘仍然显示未定义

React OnClick函数不会绑定，'this'仍然显示未定义是因为在React中，事件处理函数默认不会自动绑定到组件实例上。这意味着在事件处理函数中无法直接访问组件实例的属性和方法。

为了解决这个问题，有几种常见的方法可以绑定事件处理函数的'this'上下文：

1. 使用箭头函数：箭头函数会自动绑定当前上下文的'this'。例如：

handleClick = () => {
  // 在这里可以访问组件实例的属性和方法
}

render() {
  return (
    <button onClick={this.handleClick}>Click me</button>
  );
}

1. 使用bind()方法：在构造函数中使用bind()方法将事件处理函数绑定到组件实例上。例如：

constructor(props) {
  super(props);
  this.handleClick = this.handleClick.bind(this);
}

handleClick() {
  // 在这里可以访问组件实例的属性和方法
}

render() {
  return (
    <button onClick={this.handleClick}>Click me</button>
  );
}

1. 使用类属性语法：使用类属性语法定义事件处理函数，它会自动绑定到组件实例上。这需要使用Babel转换器或支持类属性的JavaScript环境。例如：

handleClick = () => {
  // 在这里可以访问组件实例的属性和方法
}

render() {
  return (
    <button onClick={this.handleClick}>Click me</button>
  );
}

以上是解决React OnClick函数不会绑定，'this'仍然显示未定义的常见方法。根据具体情况选择适合的方法来绑定事件处理函数的'this'上下文。

推荐的腾讯云相关产品：腾讯云函数（Serverless Cloud Function），它是一种无服务器计算服务，可以让您在云端运行代码而无需购买和管理服务器。您可以使用腾讯云函数来处理前端的点击事件等业务逻辑。了解更多信息，请访问腾讯云函数官方文档：腾讯云函数。