table Action 操作

链接

import { Link } from '@umijs/max';
import { Typography } from 'antd';
const { Text } = Typography;
const action = {
  title: '操作',
  key: 'action',
  render: (_, record) => {
    const url = record.url;
    return [
      <Link to='/web/screen' target="_blank" key='link'>
        <Text
          className='text-blue-500'
          copyable={{ text: url }}
        >
          查看奖项
        </Text>
      </Link>
    ]
  }
}

Typography.Link

import { Typography } from 'antd';
const { Link } = Typography;
const action = {
  title: '操作',
  key: 'action',
  render: (_, record) => {
    const url = record.url;
    return [
      <Link
        copyable={{ text: url }}
        href='/web/screen' 
        target="_blank" 
        key='link'
      >
          查看奖项
      </Link>
    ]
  }
}

Divider 链接分组

Divider 用 type=”vertical” 设置为行内的垂直分割线

import { Divider, Typography } from 'antd';
const { Link } = Typography;
const action = {
  title: '操作',
  key: 'action',
  render: (_, record) => {
    const url = record.url;
    return [
      <Link href="#" key='view'>查看</Link>
      <Divider type="vertical" key='1'/>
      <Link href="#" key='edit'>编辑</Link>
      <Divider type="vertical" key='2' />
      <Link href="#" key='view'>预览</Link>
    ]
  }
}