I want to use const dispatch = useAppDispatch()
And then dispatch(edit(xxxxxxx))
I would like to have something like const edit = useAppDispatch(edit(xxxxxxx))
And then simply edit(xxxxxxx) in the code
But it doesn't work. ! help!
I get the error Expected 0 arguments, but got 1
Or I get the error React Hook "useAppDispatch" cannot be called at the top level. React Hooks must be called in a React function component or a custom React Hook function if try to define a shorthand for useAppDispatch somewhere outside the function, which is what I want to do. Not to define it inside every component.
The right answer here is to create a function that dispatches when called:
const dispatch = useAppDispatch();
const handleClick = () => dispatch(edit(someArgument));
This must be declared inside the function component's body.