react-开发经验分享-Table表格组件里跳转页面及传递数据

// 使用onClick进行按键触发跳转，并且可以传参给子页面
// 传递的参数在子页面的props.location.state对象里面
columns = [
        {
            title: '操作',
            width: 120,
            dataIndex: 'operation',
            key: 'operation',
            align: 'center',
            fixed: 'right',
            // 跳转详情页
            render: (text, record) => {
                return <a onClick={() => this.toShopDetails(record.id)}>商铺情况</a>
            }
        },
]

// 跳转详情页
    toShopDetails = (id) => {
        this.props.history.push(`${this.props.match.url}/shopDetail`, {id});
    }

import ShopDetails from '../shop/shopDetails'; // 详情页

<LayerRouter>
     <Route path={`${this.props.match.url}/shopDetail`} render={props => <ShopDetails {...props} />} />
</LayerRouter>