Tengo un gancho useEffect que contiene un bloque if-else y la función JS 'B1.X.Change' dentro de otro. Ahora no puedo vincular 'B1.X.Change' a un elemento 'changeM' dentro del componente de función 'func1'. Cualquier ayuda sobre cómo se puede lograr esto es muy apreciada.
Mi código se ve a continuación.
useEffect(() => { if (var1 === "") { let id = "newvar1"; if (id === "") { if (condition) { setP(true); } else { setP(false); } } else { setvar1(id); setP(true); } } else { if (var2 === "xxx" && var3 == null) { api .getC(var1) .then((details) => { setvar3(details); }) .catch((reason) => { console.log(reason); }); } if (condition) { //some js script B1.X.Change("#changeM", { // <do something> }); //some js script B1.X.Change("#changeN", { // <do something> }); setC(true); } } }, [var2, var3]); function func1() { return ( <Col className="col-4 mt-2 mr-4"> <Link to="/co" id="changeM"> {"changeM"} </Link> <Link to="/co" id="changeN"> {"changeN"} </Link> </Col> ); }¿Quiere usar el método de prototipo de función bind ?
Si es así, esto se responde aquí.
¿Cómo vincular parámetros en la función setState() de React hooks?
Nota al margen, no está claro que changeM sea un elemento de su ejemplo de código.
¿Por qué estás tratando de vincular B1.X.Change a changeM ?
Si está intentando ejecutar algún código cuando hace clic en changeM y changeN, usa detectores de eventos. En React, puede usar la propiedad onClick . En la propiedad onClick, agrega una función que se llamará cuando el usuario haga clic en ese elemento.
function func1() { const someFunc = (kind) => { // your logic here. The argument allows you to tell if changeM or changeN was clicked. } return ( <Col className="col-4 mt-2 mr-4"> <Link to="/co" id="changeM" onClick={() => someFunc("changeM")}> {"changeM"} </Link> <Link to="/co" id="changeN" onClick={() => someFunc("changeN")}> {"changeN"} </Link> </Col> ) }