javascript - reactjs中如何正确使用ES6的=>(箭头函数)?
阿神
阿神 2017-04-11 10:52:58
[JavaScript讨论组]
阿神
阿神

闭关修行中......

全部回复(3)
天蓬老师

使用箭头函数的话,一般是就在那个位置写执行代码。
而比如说已经有一个function定义好了,那还是用bind来做吧。


或者你这里试试这样写

onClick={event=>this.handleClick(event)}
PHP中文网

箭头函数是箭头函数,bind this 是bing this,是两个东西。

题主的“如何使用箭头函数改写从而省略这里的 bind(this)”是错误的。

省略this的优美方案是引入es7的:: 在 babel中把stage-0引入即可。

class MyComponent extends React.Component {
    render() {
        return (
            <p>
                <input type="text" ref="myTextInput"/>
                //如何使用箭头函数改写从而省略这里的 bind(this)
                <input type="button" value="Focus the text input" onClick={() => {this.refs.myTextInput.focus()}}/>
            </p>
        );
    }
}
PHPz

可以通通放到 constructor 里面绑定

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号