美文网首页
React不用重复绑定this函数写法

React不用重复绑定this函数写法

作者: lceCola | 来源:发表于2019-02-26 16:56 被阅读0次
    import React from 'react';
    class IndexPage extends React.Component {
      constructor(props) {
        super(props);
        this.state = {
          testState: 1
        };
      }
    
      handleClick = (value) => (event) => {
        console.log('------------this: ', this);
        console.log('------------event: ', event);
        console.log('------------value: ', value);
      }
      render() {
        return (
          <div>
            <button onClick={this.handleClick('点击')}>箭头函数</button>
          </div>
        );
      }
    }
    
    export default IndexPage;
    
    

    相关文章

      网友评论

          本文标题:React不用重复绑定this函数写法

          本文链接:https://www.haomeiwen.com/subject/xufzyqtx.html