How to use "this" of a React Component from outside?

Sometime we must use "this" of a React Component from outsize, for example inside another function.
Consider my example by steps below:

Step 1 Create a function outside of your React Component that use want to use: 
 function funx(functionEvents, params) {
  console.log("events of funx function: ", functionEvents);
  console.log("this of component: ", this);
  console.log("params: ", params);
  //To fix the Warning: This synthetic event is reused for performance reasons. If you're seeing this, you're accessing the method `isDefaultPrevented` on a released/nullified synthetic event. This is a no-op function. If you must keep the original synthetic event around, use event.persist(). See https://fb.me/react-event-pooling for more information.
  thisFunction.persist();
}


Step 2 Bind it inside the React component: 
 constructor(props) {
    super(props);
    this.state = {};
    this.funxBinded = funx.bind(this);
  }
}


Step 3 Use it in your React component:


Complete code:


javascriptreact

Latest

H

How to scroll to top inside a div element?

M

Make a React custom scrollbar component

D

Deep clone an object in JavaScript

C

Create a Trapezoid shape with HTML and CSS

C

Create a triangle shape with HTML and CSS

C

Create an oval shape with HTML and CSS

C

Create a circle shape with HTML and CSS

C

Create a 3D vertical or horizontal flip card with css3

B

Best way to sum the values of an object array by property

G

Get date of current day, next day, previous day and several days in Javascript

Related

No data available!

© 2019 4codev

Created with love by Sil.