because two components belong to the same navigation, if you write like this, you can only render one component. If you switch to the primary route, the activation of navigation will be disappeared. how to deal with this situation?
render () {
let {match} = this.props;
let list = this.state.list.map((item, index) =>
<div className="feedback-item feedback-question" key={index}>
<div className="feedback-item-info">
<div className="info-head">
<span className="phone">{item.phone.replace(/^(\d{4})\d{4}(\d+)/,"$1****$2")}</span><span>{formatTime(item.date)}</span>
</div>
<div className="info-con">{item.title}</div>
</div>
<div className="feedback-item-answer" onClick={this.toChild(`${match.url + "/" + item.id}`)}></div>
</div>
)
return(
<div className="feedback">
<Scroll click={true} pullUpLoad pullUpLoadMoreData={this.loadMoreData} isPullUpTipHide={ false }>
<div className="feedback-lits">
<Feedlabel changeTags={this.changeTags.bind(this)} />
<div className="quiz">
<div className="quiz-btn" onClick={this.toChild("ask")}>
<i className="feed-icon-add"></i>
</div>
</div>
<div className="feedback-list">
{list}
</div>
</div>
</Scroll>
<Route path={`${match.url + "/:id"}`} component={Answer}/>
<Route path={`${match.url + "/ask"}`} component={Ask}/>
</div>
)
} 