react-router-dom v4链接到嵌套路由的过多递归

Question

目前，每当我尝试链接到呈现新元素的嵌套路由时，我都会收到过多的递归错误。出于显而易见的原因，它不断重新渲染这个组件。一个人在哪里放置一个嵌套路线，所以它不会一遍又一遍地渲染？

      redirectAddSurvey(){
        this.props.addSurvey("Titel Survey", "Survey beschrijving");  this.props.history.push(`/survey/${this.props.match.params.action}`);
      }

    render() {
        return (
          <div id="newSurveyButton">
            <RaisedButton containerElement={  <Link to={`${this.props.match.url}/new`} />} label="Add new Survey" onClick={() => this.redirectAddSurvey()}></RaisedButton>
            <Route path={`${this.props.match.url}/:action`} render={props => <Survey title="Helloworld" desc="HelloDesc" {...props} />} />
          </div>
        );
    }
}

// Get apps state and pass it as props to SurveyList
//      > whenever state changes, the SurveyList will automatically re-render
function mapStateToProps(state) {
    return {
        surveys: state.surveys,
      };
}

更新：

render() {
    return (
      <div id="newSurveyButton">
        <RaisedButton  label="Add new Survey" onClick={() => this.redirectAddSurvey()}></RaisedButton>
        <Link to={`${this.props.match.url}/new`} />
        <Route path={`survey/:action`} render={props => <Survey title="Helloworld" desc="HelloDesc" {...props} />} />
      </div>
    );
}