需要将 2 个按钮连接到一列中

Question

我想在如下图所示的列中显示 2 个按钮

column = [
 {
            title: 'operation',
            dataIndex: 'operation',
            render: (_, record) =>
            const editable = isEditing(record); 
            return editable ? (
                <span>
                    <a onClick={cancel} >Cancel</a>
                </span>
            ) : (
                <Typography.Link onClick={() => edit(record)}>
                    Edit
                </Typography.Link>
            );
                state.dataSource.length >= 1 ? (
                    <Popconfirm title="Sure want to remove?" onConfirm={() => handleDelete(record.key)}>
                        <a>Remove</a>
                    </Popconfirm>
                ) : null,
            
        },]

我尝试这样做..但是代码本身出错..如何显示2个按钮？我正在使用 ant 表

Answer 1

基本上，您在列对象的“渲染”属性中返回的内容将在表的列中渲染。

column = [
   {
      title: 'operation',
      dataIndex: 'operation',
      render: (_, record) => {  //---------------------> missing { in your code
            const editable = isEditing(record); 
            return editable ? (
                <span>
                    <a onClick={cancel} >Cancel</a>
                </span>
            ) : (
                <div> 
                    <Typography.Link onClick={() => edit(record)}>
                      Edit
                    </Typography.Link>
                    <Typography.Link onClick={() => delete(record)}>  //---> here you put delete btn
                      Delete
                    </Typography.Link>
                </div>
            );
            }
        },]