变量超出范围React

Question

我是React的新手，并且为Jupyter Widget创建了一个HelloWorld应用程序。 一切都按预期工作，但是，即使在渲染应用程序时可以在componentDidMount函数中访问view ，我也无法弄清楚为什么在clickHandler函数中无法访问变量view 。 是否view通过clickHandler函数访问全局变量view ？

export class ExampleView extends DOMWidgetView {
  initialize(){
    const view = this;
    interface AppProps{

    }
    interface AppState{
      value:any
    }
    class Hello extends React.Component<AppProps,AppState> {
      constructor(props:any){
        super(props);
        this.state = {
          value: view.model.get("value")
        }
        this.clickHandler = this.clickHandler.bind(this);
      }

      onChange(model:any){
        this.setState(model.changed);
      }
      componentDidMount(){ 
        view.listenTo(view.model,"change",this.onChange.bind(this));
      }

      render(){
        return <div><h1>Hello {this.state.value}</h1><button onClick={this.clickHandler}>Submit</button></div>
      }
      clickHandler(){
        console.log("clicked")
        // this.state = {value:"set to something else"}
        this.setState(state => ({
          value: "something else"
        }));
        console.log(view) // VM1302:1 Uncaught ReferenceError: view is not defined
      }
    }

    const $app = document.createElement("div");
    const App = React.createElement(Hello);
    ReactDOM.render(App,$app);

    view.el.append($app);
  }
}