按钮未在 React 上显示 Table

Question

我有点麻烦。我试图在 React Table 上为每一行显示一个按钮，但它没有显示，它只显示一个空白列。这是我的专栏

columns = [
  
    {
        dataField: "nama_user",
        text: "Nama",
        sort: true,
        style: { overflowWrap: "break-word" }, 
        headerStyle: { backgroundColor: '#2196F3' , color: 'white'}
    },
    {
        dataField: "email",
        text: "Email",
        sort: true,
        headerStyle: { backgroundColor: '#2196F3' , color: 'white'}
    },
    {
        dataField: "",
        text: "Action",
        formatter: this.GetUserAction,
        headerStyle: { backgroundColor: '#2196F3' , color: 'white'},
        classes: "p-1"
    }
];

这是包含按钮的函数

GetUserAction = (cell, row, rowIndex, formatExtraData) => {
        return (
            <div>
                <button className="update" onClick={this.handleClickOpen}>
                    Edit
                </button>
                <button className="update" onClick={this.aktivasiUser(row)}>
                   Aktivasi
                </button>
            </div>
        );
    }

也许我的代码中遗漏了什么？感谢您的回答。

Answer 1

我不太清楚你的代码，如果我没记错的话 Edit 这个词正在存储一些值，这就是你想要显示为函数的内容，对吗？如果是，则尝试将 Edit 值括在大括号中，因为在 jsx 中，如果你想解释某个变量的内容，你必须将其括在大括号 {}.[=11= 中]

大括号是一种特殊的语法，让 JSX 解析器知道它需要将大括号之间的内容解释为 JavaScript 而不是字符串。这个过程一般称为“插值”

尝试做这样的事情

让我知道这是否可行，否则请尝试添加更多代码以便我理解

Answer 2

看来我发现了问题。需要把 columns 放在 render() 里面而不是放在外面。

按钮未在 React 上显示 Table

Button Not Showing On React Table

reactjs

react-table