Как получить имя маршрута из текущего URL

Question

Я работаю над небольшим проектом в React.Я хочу получить имя маршрута из текущего URL-адреса в ReactJS.

В настоящее время я использую React-Router 3.2.0 и хочу решить эту проблему в React-router (3.2.0).

Answer 1

Исходя из комментариев к вопросу и чата. Вы не можете получить доступ к location prop, потому что компонент, на котором вы работаете, не отображается компонентом Route. Простой способ решить эту проблему, в верхней части вашего файла, включает импорт:

import { withRouter } from 'react-router';

тогда, куда вы экспортируете свой компонент, оберните его с помощью Router (... компонент здесь ...) Например, экспорт компонента Routes будет выглядеть следующим образом:

export default withRouter(connect(
    mapStateToProps,
    {}
    )(Routes))

После этого вы сможете получить доступ к this.props.location, значение которого будет pathname (this.props.location.pathname), которое будет полным маршрутом, за вычетом basePath.