antd table 点击行触发radio 或 checkbox

 UIStore.ts （使用mobx） 1 import { observable, action, computed } from 'mobx'

　export class UIStore {
 @observable public selectedRowKeys: string[] = [] // 单选 选中的key
 @action
  public onSelectedRowKeysChange = (selectedRowKeys: string[]) => {
    this.selectedRowKeys = selectedRowKeys
　　　　// do something 这里可以触发点击单选按钮选择数据
  }

　　　　// 保证单选，即数组里只有一个key
  @action
  public rowRadioSelected = (record: IOptions) => { 
    if (!this.selectedRowKeys.length) {
      this.selectedRowKeys.push(record['key'])
    } else {
      if (this.selectedRowKeys.indexOf(record['key']) === -1) {
        this.selectedRowKeys.splice(0, 1, record['key'])
      }
    }
　}
}
　export default new UIStore()

test.tsx

import * as React from 'react'
import { observer } from 'mobx-react'
import UIStore from './UIStore'
 
@observer
export default class Test extends React.Component {
  const columns = [{
　　title: 'Name',
　　dataIndex: 'name',
　　render: text => <a href="#">{text}</a>,
　　}, {
　　title: 'Age',
　　dataIndex: 'age',
　　}, {
　　title: 'Address',
　　dataIndex: 'address',
　　}]
 
  const data = [{
　　key: '1',
　　name: 'John Brown',
　　age: 32,
　　address: 'New York No. 1 Lake Park',
　　}, {
　　key: '2',
　　name: 'Jim Green',
　　age: 42,
　　address: 'London No. 1 Lake Park',
　　}, {
　　key: '3',
　　name: 'Joe Black',
　　age: 32,
　　address: 'Sidney No. 1 Lake Park',
　　}, {
　　key: '4',
　　name: 'Disabled User',
　　age: 99,
　　address: 'Sidney No. 1 Lake Park',　　
　}]
 
 render () {
　　
　  const rowRadioSelection: TableRowSelection<IOptions> = {  // IOptions 是每行数据的类型
　　　　 type: 'radio',
　　　　 selectedRowKeys: toJS(UIStore.selectedRowKeys), 
　　　　 onChange: UIStore.onSelectedRowKeysChange,
　　  }
　　return (
  <Table 
　　rowKey={(_, i) => `${i}`}
　　columns={columns}
　　dataSource={data}
 　 rowSelection={rowRadioSelection}
    onRow={record => {
      return {
        onClick: () => {
　　　　　　 UIStore.rowRadioSelected(record)
　　　　　 },
　　　　 }
      }
   }
 />
)}
}

参考： https://codesandbox.io/s/000vqw38rl