Как передать реквизиты не-дочернему компоненту с помощью маршрутизатора?

Question

У меня есть компонент, который не может традиционно наследует props от родительского компонента. Этот компонент визуализируется с помощью маршрута и не одного из родителей, я говорю о <Single /> компоненте, который является «деталь» компонентом в этой установке:

<Router history={browserHistory}> 
    <Route path="/" component={App}> 
     <IndexRoute component={ProfileList} /> 
     <Route path="/profile/:username" component={Single} /></Route> 
    </Router> 

Реквизит доступен в ProfileList компоненте и этот компонент оказывает Profile компонент следующим образом:

/* ProfileList render method */ 
    render() { 
     return (
     <div> 
      {this.state.profiles.map((profile, i) => 
      <Profile {...this.state} key={i} index={i} data={profile} />)} 
     </div> 
    ); 
    } 

Я пытаюсь использовать повторно Profile компонент как в компоненте ProfileList и Single:

<Link className="button" to={`/profile/${username}`}> 
    {name.first} {name.last} 
    </Link> 

Но в Single компоненты У меня нет никакого способа доступа state или props - так что нет никакого способа рендеринга это деталь просмотра. Я знаю, что могу либо use redux for passing global state, либо использовать параметры запроса в моих Link to=""

Но я не хочу, чтобы до сих пор не хватался за редукцию и не чувствую себя хорошо в отношении параметров запроса. Итак, как мне получить доступ к чему-то вроде this.props.profiles в моем Single компоненте?

Answer 1

Редукция connect() может полностью выполнить эту работу. Я думаю, вы должны использовать его, потому что «в порядке» вы будете переопределять соединение редукса, например