React js onClick can't pass value to method

Question

I want to read the onClick event value properties. But when I click on it, I see something like this on the console:

SyntheticMouseEvent {dispatchConfig: Ob         


        

Answer 1

There are 3 ways to handle this :-

1. Bind the method in constructor as :-

   export class HeaderRows extends Component {
      constructor() {
          super();
          this.handleSort = this.handleSort.bind(this);
      }
   }
   

2. Use the arrow function while creating it as :-

   handleSort = () => {
       // some text here
   }
   

3. Third way is this :-

    that.handleSort} >{column}