Использование this.props.location.pathname является хорошей практикой или нет

Question

использование этого способа хорошо или плохо:
есть ли другой способ его реализации

class ProjectContainer extends Component {
  render() {
    const { location } = this.props
    let { actions, projectData } = this.props;
    return (
      <div style={{height: "auto",overflow: "auto"}}>
        {location.pathname === project?
        <Project/>
        :
        location.pathname === projectForm&&
          <Projectform/>}
      </div>
      //the above code is working but i wanna know is good way to use and do i can do it in any other way
    );
  }

Answer 1

Это будет безопасно, если вы используете withRouter с этим компонентом, чтобы всегда добавлять объект местоположения в подпорки вашего компонента.

Сначала вам нужно импортировать это.импортировать {withRouter} из'act-roter-dom ';

, и при экспорте этой функции используйте

, экспортируйте сRouter (ProjectContainer);

или

экспорт по умолчанию с помощью роутера (ProjectContainer);