Soy nuevo en React y estoy tratando de aprender redux. Quiero ejecutar una acción que sea updateInput(name,value)

la acción redux es

 export function updateInput({ name, val }) { return (dispatch) => { dispatch({ type: UPDATE_INPUT, payload: { name, val } }); }; }

el reductor redux es

 const initialState = { fname: 'xyz', email: 'xyz.com', address: 'XXYYZZ', city: 'XZY', state: 'XYZ', country: 'XYZ', postalcode: '000000', mobile: '00000000', intrest: 'Study, Travel, Read', dob: '', }; function handleUpdateReducer(state = initialState, action) { switch (action.type) { case 'UPDATE_INPUT': return { ...state, [action.paylod.name]: action.paylod.value }; default: return state; } } export default handleUpdateReducer

He exportado mi estado como

 export * as actions from './actions/index';

mientras que en el componente base clasificado como reacción, necesito pasar dos valores para indicar: nombre y valor

 import { connect } from 'react-redux'; import EdiText from 'react-editext'; import './UserDetails.css'; import { actions } from '../state/index'; update(name, val) { actions.updateInput(name, val); render() { return ( <div className='user-profile-details'> <EdiText type='text' value={user.fname} onSave={(val) => { this.update('fname', val); }} /> </div> } } const mapStateToProps = (state) => ({ user: state.user, }); const mapDispatchToProps = (dispatch) => ({ actions: (name, val) => dispatch(actions.updateInput(name, val)), }); export default connect(mapStateToProps, mapDispatchToProps)(UserDetails);

No recibí ningún error, pero el valor no se actualizó. He usado el módulo de edición de texto. enlace del módulo npm de edición de texto