Предотвратить вложенныйкомпонент от наследования пути от предыдущего(Реактивный маршрутизатор 4) - PullRequest
Новая
       16

Предотвратить вложенныйкомпонент от наследования пути от предыдущего(Реактивный маршрутизатор 4)

0 голосов
/ 21 февраля 2019

У меня есть компонент Dasboard, где у меня есть компоненты React-router <Link/>, которые связаны с 

http:<procjethos>/team

Внутри компонента <Team/> У меня есть компоненты <Link/>, которые должны ссылаться на 

http:<projecthost>/list/:listId

Но вместо этого он наследует от предыдущей ссылки, и я получаю 

http<projecthost>/team/list/:listId

// Dashboard.jsx 

  render() {
    const { shoppingLists, teams } = this.props;

    return (
      <Fragment>
        <Toolbar isHomePage/>
        <div className="wrapper">
          <div className="dashboard">
            <h2 className="dashboard__heading">
              <TeamIcon />
              Cohorts
            </h2>
            <ul className="dashboard__list">
              {_map(teams, team => (
                <li className="dashboard__list-item" key={team._id}>
                  <Link to={`team/${team._id}`}>
                    <CardItem name={team.name} />
                  </Link>
                </li>
              ))}
            </ul>
          </div>
        </div>
      </Fragment>
    );

// Team.jsx 

    <Fragment>
        <Toolbar />
        <div>
          Cohort of id:
          {id}
          <ul>
            {_map(lists, list => (
              <li className="dashboard__list-item" key={list._id}>
                <Link to={`list/${list._id}`} replace>
                  <CardItem name={list.name} />
                </Link>
              </li>
            ))}
          </ul>
        </div>
      </Fragment>

Как добиться желаемого поведения в React-Router 4 с вложенными ссылками?

1 Ответ

0 голосов
/ 21 февраля 2019

Добавить / перед путем ссылки 

 <Link to={`/list/${list._id}`} replace>
       <CardItem name={list.name} />
 </Link>
...