局部细节的页面该如何设置呢？

import React from 'react';
import{Card }from 'antd';
import{Link }from 'react-router-dom';
const{Meta}=Card;
export class Book extends React.Component{
render(){
const {info} = this.props;
return (
<Link to={{
/* use Link to open a new page about detailed book info */
pathname: '/bookDetails',
search:'?id='+info.bookId}}
target="_blank"
<Card
hoverable
cover={<img alt="image"src={info.image}className={"bookImg"}/>}
<Meta title={info.name}description={'￥'+ info.price}/>
</Card>
</Link>
)；