Tag: babeljs

如何使用箭头函数（公共类字段）作为类方法？

我是新使用React的ES6类，以前我一直在绑定我的方法到当前对象（在第一个例子中显示），但是ES6允许我永久地将一个类的函数绑定到带有箭头的类实例吗？ （作为callback函数传递时很有用。）当我尝试像使用CoffeeScript一样使用它们时，出现错误： class SomeClass extends React.Component { // Instead of this constructor(){ this.handleInputChange = this.handleInputChange.bind(this) } // Can I somehow do this? Am i just getting the syntax wrong? handleInputChange (val) => { console.log('selectionMade: ', val); } 所以，如果我要传递SomeClass.handleInputChange ，例如setTimeout ，它的作用域是类实例，而不是window对象。

Babel文件被复制而不被转换

我有这个代码： "use strict"; import browserSync from "browser-sync"; import httpProxy from "http-proxy"; let proxy = httpProxy.createProxyServer({}); 我通过npm在全球安装了babel-core和babel-cli 。 关键是当我尝试在我的terminal上编译这个： babel proxy.js –out-file proxified.js 输出文件被复制而不是编译（我的意思是，它与源文件相同）。 我在这里错过了什么？

无法访问事件处理程序中的React实例（this）

我在ES6（用BabelJS）写一个简单的组件，并且函数this.setState不起作用。 典型的错误包括像 无法读取未定义的属性“setState” 要么 this.setState不是一个函数 你知道为什么吗？ 这里是代码： import React from 'react' class SomeClass extends React.Component { constructor(props) { super(props) this.state = {inputContent: 'startValue'} } sendContent(e) { console.log('sending input content '+React.findDOMNode(React.refs.someref).value) } changeContent(e) { this.setState({inputContent: e.target.value}) } render() { return ( <div> <h4>The input form is here:</h4> Title: <input type="text" ref="someref" value={this.inputContent} onChange={this.changeContent} /> <button onClick={this.sendContent}>Submit</button> […]