javascript - 羽毛图标未显示在 react-data-table-component 列中

Question

我在我的 Reactjs 应用程序中使用了react-data-table-component 。在我的自定义列中，我使用锚标签作为按钮，并为此使用羽毛图标。问题是图标没有显示。有时它会在我单击页面上的任何其他链接时显示。我正在 useEffect 挂钩中启动羽毛图标。我怎样才能解决这个问题？

const columns = [
    {
      name: 'S/N',
      selector: row => row.u_id,
    },
    {
      name: 'Username',
      selector: row => row.username,
    },
    {
      name: 'Action',
      cell: row => <><a href="javascript:void(0)" onClick={(e) => getUser(e, row.u_id)}><span data-feather="edit"></span></a><a href="javascript:void(0)" onClick={(e) => deleteUser(e, row.u_id)}><span data-feather="trash"></span></a></>
    },
  ];

useEffect(() => {
    feather.replace()
  }, []);


<DataTable
              columns={columns}
              data={users}
              pagination
            />

标签： javascriptreactjsreact-data-table-component