/Javascript/React/Which one is better arrow functions or using bind in react?

Which one is better arrow functions or using bind in react?

import React from 'react';
import { boundMethod as bind } from 'autobind-decorator';
class MyComponent extends React.Component {
  constructor(props) {
    super(props)
  }

  @bind
  clickHandler() {
    console.log( this )
  }

  render() {
    return <button onClick={this.clickHandler}>Click Me</button>
  }
}

Source: stackoverflow.com

Which one is better arrow functions or using bind in react?

{
  "presets": ["module:metro-react-native-babel-preset"],
  "plugins": [
    ["@babel/plugin-proposal-decorators", { "decoratorsBeforeExport": false }],
    ["@babel/plugin-transform-arrow-functions", { "spec": true }]
  ]
}

Source: stackoverflow.com

Similar codes

0 vote388 views3 answers
React-router-dom status code 301
Javascript React
0 vote391 views1 answer
React bootstrap navbar align right buttons
Javascript React
0 vote401 views1 answer
How to declare a variable in react
Javascript React
2 votes385 views1 answer
Property 'target' does not exist on type 'string' react
Javascript React
0 vote385 views1 answer
How to get the data from clicking on notification on web in reactjs
Javascript React
1 vote390 views1 answer
Create functional component react
Javascript React
0 vote389 views1 answer
Get rid of header bar react native
Javascript React
13 votes407 views4 answers
Passing data in react router history,push
Javascript React
0 vote407 views1 answer
Back press subscriptions i is not a function react native
Javascript React
1 vote387 views1 answer
How to run an existing react project
Javascript React