• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

217
Views
Howt to create a shorthand for useDispatch with a specific action inside? Typescript

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.

almost 3 years ago · Juan Pablo Isaza
1 answers
Answer question

0

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.

almost 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error