отреагировать роутер v4 ссылка на клик получить ссылку проп

Question

Я новичок, использую реагирующий маршрутизатор v4. У меня есть ссылка, которая запускает функцию в событии onClick, а затем перенаправляет на определенный маршрут.

Это ссылка:

<Link className={''} 
    to={'/test'}
    onClick={this.testFunction}>To test</Link>

и функция проверки:

testFunction(event){
    e.preventDefault();
    // do some things...
    this.props.history.push('/test');
}

Это работает, но мне нужно оба раза написать маршрут "/ test" (в компоненте Link и в функции).

Есть ли способ получить опору "to", чтобы мне не приходилось писать ее дважды?

Answer 1

Если вы используете «withRouter» в вашем компоненте:

import {Link, withRouter} from 'react-router-dom';
...    
export default withRouter(TestComponent);

Вы можете получить доступ к маршруту, используя:

this.props.match.path

Используйте это в своем коде:

testFunction(event){
    e.preventDefault();
    // do some things...
    this.props.history.push(this.props.match.path);
}

Когда вы используете «withRouter» в своем компоненте, вы можете получить доступ к соответствию, местоположению и истории событий маршрута.

withRouter официальная документация

совпадение официальная документация

Надеюсь, это поможет!