在链接上呈现数据单击另一个选项卡

时间:2017-05-11 10:11:29

标签: javascript html reactjs

我将此Test作为具有链接book的反应组件。当我点击此链接时,我想打开一个包含网址/book-data的新标签并渲染{{1} } {当我Book显示此数据时,我必须将book_idTest传递到Book

Book

class Test extends React.Component { render() { const book_id = 123; return ( <div> <a href="/book-data">book</a> </div> ) } } export default Test; 组件显示book_id

Book

1 个答案:

答案 0 :(得分:1)

定义您的路线,如下所示:

<Route path="book-data/:id" component={Book} />

然后从Test组件呈现Book组件

render() { const book_id = 123; return ( <div> <a href="/book-data/{book_id}">book</a> </div> ) }

现在在Book组件中,您可以book_id这样获得:

componentDidMount(){ var book_id = this.props.params.id; }