JavaScript Functions - 4 Ways

[u/Emil0hman]

[u/scweiss1]

When you say you’re using the arrow functions in react, are those inside the Class definition?

class SampleClass extends React.Component {
	constructor(props) {
		super(props)
		this.state={}
	}
	const square = (x) => {
		return x*x
	}
	render(){...}
}

Every time I’ve tried to use fat arrow functions like this, I get a syntax error. At least the first few times I looked at the error (briefly) it was about “experimental syntax” not being turned on — any idea what I’m missing?

[u/noruthwhatsoever → u/scweiss1]

Babel. Babel is what you're missing.

[u/scweiss1 → u/noruthwhatsoever]

Okay... but I’m using Babel with webpack to transpire my code. Is there a specific preset I need, looks like ‘stage-0’ perhaps? Or plugins like ‘transform-decorators-legacy’?

[u/noruthwhatsoever → u/scweiss1]

You need this plugin

[u/scweiss1 → u/noruthwhatsoever]

🙏 thank you!