How can I write a function within the onclick event of a button What I want to do is something similar to this: <button onclick=”(function(){ console.log(‘some code here’) })”>My button</button> Answers: Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So … Read more
this is my code: function LoadDate() { document.querySelectorAll(‘[display-date]’).forEach(el => el.innerHTML = getTheDate()); } It is not working on IE because of this arrow (el => ) as I understand from my last question .. how can I convert it to be supported in all browsers? Thanks for your time ^_^ Answers: Thank you for visiting … Read more
I’m running lint with my React app, and I receive this error:
I’m new to both ES6 and React and I keep seeing arrow functions. Why is it that some arrow functions use curly braces after the fat arrow and some use parentheses?
For example:
I am using ReactJS with Babel and Webpack and using ES6 as well as the proposed class fields for arrow functions. I understand that arrow functions make things more efficient by not recreating the functions each render similar to how binding in the constructor works. However, I am not 100% sure if I am using them correctly. The following is a simplified section of my code in three different files.
This question is similar to When using React Is it preferable to use fat arrow functions or bind functions in constructor? but a little bit different. You can bind a function to this in the constructor, or just apply arrow function in constructor. Note that I can only use ES6 syntax in my project.
We should avoid method binding inside render because during re-rendering it will create the new methods instead of using the old one, that will affect the performance.
An arrow function expression has a shorter syntax than a function
expression and does not have its own this, arguments, super, or
new.target. These function expressions are best suited for non-method
functions, and they cannot be used as constructors.
I’m currently very amazed about the use cases of the new react hooks API and what you can possibly do with it.
We all know that we need to bind function in React to make it work. I do know why do we need to bind it.
