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