Как получить функцию с параметрами в хуке с Redux?

Question

Мне нужно создать форму с помощью хуков с помощью Redux.State. Я получаю следующее:

const searchValue = useSelector(state => state.Search.searchValue);

Как мне получить функцию, в которую я передаю параметры, и реализовать ее? Я пробовал через useDispatch (), но ничего не вышло. Для этого ввода необходимо сделать onChange, а также получить другую функцию с параметрами.

 <InputBase
  placeholder="Search…"
  value={searchValue}
  classes={{
    root: classes.inputRoot,
    input: classes.inputInput,
  }}
  inputProps={{ 'aria-label': 'search' }}
/>

Answer 1

//import your related action function in store
import reduxStoreActionFunction from <your store path>

const YourFunctionComponent = () => {
    const dispatch = useDispatch()

    //if you want to do it by form, you should have a onSubmitFunction to handle what should be done after pressing submit button
    const handleOnSubmit = () => dispatch(reduxStoreActionFunction(searchValue))
   return (
    <>
      <Form onSubmit={handleOnSubmit}>
        <InputBase
          placeholder="Search…"
          value={searchValue}
          classes={{
            root: classes.inputRoot,
            input: classes.inputInput,
        }}/>
        <input type="submit"/>
      </Form>
    </>
/>
   )

}