'This.props.history.pu sh ()' работает для нормальной страницы, но не работает для вложенных компонентов?

Question

У меня есть reactjs страница под названием Addmember. js, на которой я могу добавлять людей. И у меня есть следующая кнопка, которая перенесет меня на панель управления с помощью следующего кода

 this.props.history.push('/dashboard')

Но настоящая проблема возникает, когда я использую компонент «Добавить член» на новой странице, когда я нажимаю рядом с ним, показывая ниже ошибка

Невозможно прочитать свойство 'pu sh' неопределенного

Помощь будет приветствоваться!

Answer 1

Попробуйте импортировать withRouter из 'response-router-dom'

Затем передайте компонент внутри withRouter

Например,

export default withRouter(Addmember);

Answer 2

Проблема в том, что ваш компонент не может найти свойства истории, когда вы его вкладываете. В настоящее время response-router-dom обновлен до версии 5, поэтому вы можете использовать их хуки.

Чтобы решить данную проблему, вы должны импортировать хук useHistory, например, import {useHistory} from 'react-router-dom'

Затем используйте его в AddMember как const history = useHistory(). Затем вы можете использовать все методы из истории там, где вам это нужно. Думаю вам поможет