Question

登录后，我将用户类型存储在本地存储中。有些类型的用户应该看到react表的最后一列。我在执行此操作时遇到问题。

<ReactTable
          data={data}
          filterable
          defaultFilterMethod={(filter, row) =>
            String(row[filter.id]) === filter.value}
          columns={[
            {
              Header: "Name",
              id: "name",
              accessor: "item.name",
              filterMethod: (filter, rows) =>
                matchSorter(rows, filter.value, { keys: ["name"] }),
              filterAll: true
            },
            {
              Header: "Public/Rare",
              id: "public_or_rare",
              accessor: "item.public_or_rare",
              filterMethod: (filter, rows) =>
                matchSorter(rows, filter.value, { keys: ["public_or_rare"] }),
              filterAll: true
            },
            {
              //I want to show something here if user is local or foreigner
            }
          ]}
          defaultPageSize={10}
          className="-striped -highlight"
        />

在页面顶部，我检索了以下用户类型， let user_type = localStorage.getItem('user_type');

如果用户是那些类型的用户，如何呈现最后一列？

Answer 1

列在表中定义。您已经定义了inlined-代替了用法。

您总是可以更早地定义此数组，并使用（作为属性传递）对数组对象的引用。

有条件地定义内容/配置列。在这种情况下（最后一列），您可以定义基本配置，并使用附加的列定义有条件地对其进行扩展（数组推送）。

所有这些定义都可以在render方法中使用普通/ valnilla javascript在JSX部分（return (）之前完成。

显示用户类型的特定列

1 个答案: