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>;
};