The feature you are using is not part of ES6. It’s the class fields proposal. It allows you to initialize instance properties without having to write a constructor. I.e. your code: class MyClass { myMethod = () => { this.myVariable++; } } is exactly the same as class MyClass { constructor() { this.myMethod = () … Read more
I understand that arrow functions make things more efficient by not recreating the functions each render similar to how binding in the constructor works. This is not true. It depends on where exactly are you using the Arrow function. If Arrow function are used in render method, then they create a new instance everytime render … Read more
First: A simple solution will be to create a component for the content inside a map function and pass the values as props and when you call the function from the child component you can pass the value to the function passed down as props. Parent deleteTodo = (val) => { console.log(val) } todos.map(el => … Read more
Your syntax is slightly off, just missing an equals sign after the property name. class SomeClass extends React.Component { handleInputChange = (val) => { console.log(‘selectionMade: ‘, val); } } This is an experimental feature. You will need to enable experimental features in Babel to get this to compile. Here is a demo with experimental enabled. … Read more