React无法读取未定义的属性“ bind”

Question

我遇到一个绑定无法理解的问题。我尝试了所有方法在与StackOverflow相关的所有问题中进行绑定，但是每次我都具有相同的绑定

错误：“反应无法读取未定义的属性'bind'”

错误2：“ TypeError：无法读取值为null的属性'__reactInternalInstance $ b7iw1elmz95' Object.getClosestInstanceFromNode"

因为我已经尝试了一切，所以我想知道绑定外部问题是否是一个真正的问题。

我想做的是，当我单击一个按钮时，出现另一个内容。

这是我的代码：

import React, {Component} from 'react';

export default class Projects extends Component {
  constructor(){
    super();

    this.state = {
      onShow: false,
      opacity: 0,
      height: 0
   }
 }

  OnShow(){
    this.setState({
      onShow: !this.state.onShow,
      opacity: this.state.opacity === 0 ? 1:0,
      height: '100vh'
    });
  }

  render(){

    return(
      <div>
        <h2>blabla</h2><p>some extra blabla</p>
        <button onClick={this.onShow.bind(this)}>
          <div opacity={this.state.opacity}>YO</div>
        </button>
      </div>
    );
  }
}

Answer 1

onClick on按钮上有一个错字： this.OnShow.bind(this)是正确的方法。

函数命名为OnShow，状态var命名为onShow