import React from "react"; import styles from "./index.less"; import { Table, Divider, Tag } from "antd"; const columns = [ { title: "Name", dataIndex: "name", key: "name", render: text => {text} }, { title: "Age", dataIndex: "age", key: "age" }, { title: "Address", dataIndex: "address", key: "address" }, { title: "Tags", key: "tags", dataIndex: "tags", render: tags => ( {tags.map(tag => { let color = tag.length > 5 ? "geekblue" : "green"; if (tag === "loser") { color = "volcano"; } return ( {tag.toUpperCase()} ); })} ) }, { title: "Action", key: "action", render: (text, record) => ( Invite {record.name} Delete ) } ]; const data = [ { key: "1", name: "John Brown", age: 32, address: "New York No. 1 Lake Park", tags: ["nice", "developer"] }, { key: "2", name: "Jim Green", age: 42, address: "London No. 1 Lake Park", tags: ["loser"] }, { key: "3", name: "Joe Black", age: 32, address: "Sidney No. 1 Lake Park", tags: ["cool", "teacher"] } ]; export default () => (
);