Saltar al contenido

Llame a múltiples funciones onClick ReactJS

Este enunciado ha sido probado por especialistas así se asegura la veracidad de nuestra esta noticia.

Solución:

Envuelva sus dos llamadas de función en otra función/método. Aquí hay un par de variantes de esa idea:

1) Método separado

var Test = React.createClass(
   onClick: function(event)
      func1();
      func2();
   ,
   render: function()
      return (
         Test Link
      );
   
);

o con clases ES6:

class Test extends React.Component 
   onClick(event) 
      func1();
      func2();
   
   render() 
      return (
         Test Link
      );
   

2) en línea

Test Link

o ES6 equivalente:

  func1(); func2();>Test Link

Tal vez pueda usar la función de flecha (ES6 +) o la declaración de función anterior simple.

Tipo de declaración de función normal (No ES6+):

Trigger here

Función anónima o tipo de función de flecha (ES6+)

  func1(event); func2();>Trigger here

El segundo es el camino más corto que conozco. ¡Espero que te ayude!

Al llamar a múltiples funciones en onClick para cualquier elemento, puede crear una función contenedora, algo como esto.

wrapperFunction = () => 
    //do something
    function 1();
    //do something
    function 2();
    //do something
    function 3();

Estas funciones pueden definirse como un método en la clase principal y luego llamarse desde la función contenedora.

Puede tener el elemento principal que causará onChange así,

Some Link

Si conservas algún incógnita y forma de perfeccionar nuestro ensayo eres capaz de ejecutar una aclaración y con mucho placer lo leeremos.

¡Haz clic para puntuar esta entrada!
(Votos: 3 Promedio: 3.7)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *