是否使用this.props.location.pathname是好的做法

时间:2019-02-09 10:46:18

标签: reactjs react-redux react-router

使用这种方法是好是坏:
还有其他实现方式

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
    );
  }

1 个答案:

答案 0 :(得分:0)

如果将Router与该组件一起使用,那将是安全的,这样始终会在组件prop中添加location对象。

首先,您需要导入此文件。 从'react-roter-dom'导入{withRouter};

当您导出此功能时,请使用

使用Router(ProjectContainer)导出;

使用Router(ProjectContainer)导出默认值;