tengo una funcion
const onClick = (param) => console.log(param)y necesito usarlo como:
<Button onClick={onClick(value)} />Pero se dispara al renderizar, ¿cómo puedo cambiar la función a una función de orden superior para usarla así?
¿No estás seguro de dónde viene el valor, pero te gusta esto?
<Button onClick={() => onClick(value)} />que se podría trasladar a
const logOnClick = (msg) => () => console.log(msg); <Button onClick={logOnClick(value)} />Puedes probar esto
import React from 'react'; import './style.css'; export default function App() { const Ho = (data) => { return () => { console.log('Something'); }; }; return ( <div> <h1>Hello StackBlitz!</h1> <p>Start editing to see some magic happen :)</p> <button onClick={Ho('data')}> Click</button> </div> ); }Enlace: https://stackblitz.com/edit/react-mxcbvq?file=src/App.js