Uncaught TypeError: Невозможно прочитать свойство 'props' из неопределенного

Question

Я получаю эту ошибку на своей странице:

Uncaught TypeError: Невозможно прочитать свойство 'props' из неопределенного

Я пытаюсь вернуться из компонентакак в этом сообщении переполнения стека .

Как мне вернуться с моей страницы?

const onClick = () => {
    this.props.dispatch({ type: 'AMENITIES_BACK', id: roomsManager.items.parentId })
}

const AmenitiesAdd = ({ handleSubmit, pristine, reset, submitting }) => {
    return (
        <form onSubmit={handleSubmit(onSubmit)}>
            <Field label="amenities" name="newAmenities" component={InputText} validate={validateNotEmpty} type="text" />
            <Field label="description" name="newDescription" component={InputText} validate={validateNotEmpty} type="text" />
            <button type="submit">Submit</button>
            <button type="button" onClick={onClick}>Back</button>
        </form>    
    );
}

export default reduxForm({
    form: 'AmenitiesAdd'
})(AmenitiesAdd)

Answer 1

1. Импорт с роутером

   import { withRouter } from 'react-router-dom';
   

2. Экспортируйте ваш компонент как:

   export withRouter(nameofcomponent)
   

3. Пример, при нажатии кнопки вызвать goBack:

   <button onClick={this.props.history.goBack}>Back</button>
   

Проверено на реакции-роутере-dom v4.3