javascript - 将动态循环值作为不同的值传递到 json 中以显示在表的标题中

Question

我必须从 json 数组值传递我的标头。

const tableHeaders = [{children: headervalue}]

在 Table 组件中使用它

<Table headers={tableHeaders} />

现在我有一个条件，代替headerValue我需要传递以下条件的返回值

(!!usersToShow.length && (
        <div>
          <Checkbox
            aria-label={tr('Select All Users')}
            checked={this.state.isCheckedAll}
            onChange={e => {
              this._toggleAllCheckboxes(e);
            }}
            label={tr('Select All Users')}
          />
          {!!customHeaders.length &&
            customHeaders.map((header, index) => {
              return (
                <label key={`custom-header-${index}`}>
                  {header} //get header values
                </label>
              );
            })}
        </div>
      ))

如果我直接在儿童中使用此条件，我会在一个表头（th）中获得所有值，并且表头中有 1 个复选框。

如何为每个列标题获取不同的不同 th 或每个标题值的 {Header} 值？请帮忙。

标签： javascriptreactjshtml-table