React框架，JSX語法
今天遇到一個好玩的
常規的搜索列表，列表最后一列為操作列，刪改查。
眼看著Table 操作列 的配置文件越來越復雜，決定把操作列單獨寫一個組件，代碼瞬間靚仔了些

{title: 'Operation',dataIndex: 'operation',render: (_, record) => <Operation record={record} />,},

import React, { useMemo } from 'react';
import Delete from '../Delete/index';
import Edit from '../Edit/index';
import Detail from '../Detail/index';export default ({ record }) => {const optList = useMemo(() => {const opt = [<Edit  record={record} />,<Detail  record={record} />,<Delete record={record} />];return opt;}, [record]);return <div>{optList}</div>;
};