reactjs - マテリアル テーブル ヘッドのテキスト「アクション」を「その他のテキスト」または「アイコン」で上書きする

Question

私は ReactJs を使用してマテリアル テーブルに取り組んでいます。アクションを他のテキストまたは他のアイコンでオーバーライドするには、列の先頭に「アクション」というテキストが必要です。

それを達成するために皆さんの助けが必要です

例

実名 - 名 | 姓 | 行動

ニード - 名 | 姓 | その他のテキストまたはアイコン (アクション用)

const actions = [ { icon: "edit", tooltip: "Edit Order" } ];

const components = {
  Action: props => (
    <ProposalListMenu
      row={props.data}
      editAction={this.props.editAction}
      handleViewProposal={this.handleViewProposal}
      globalSearch={false}
      proposalId={this.state.proposalId}
      showGenerateOrder={this.state.showGenerateOrder}
      handleGenerateOrderPopUp={this.handleGenerateOrderPopUp}
      handleGenerateOrderClose={this.handleGenerateOrderClose}
      showGeneratedOrderList={this.props.showGeneratedOrderList}
      {...this.state}
    ></ProposalListMenu>
  ),
  Toolbar: props => (
    <div>
      <MTableToolbar {...props} />
      <div style={{ padding: "0px 10px", "text-align": "right" }}>
        <ColumnConfigure
          columns={this.state.columns}
          toggleColumn={this.handleTableColumnConfig}
          resetAllColumn={this.handleResetAllColumns}
          openFlag={this.state.openFlag}
        />
      </div>
    </div>
  )
};
return {
  title: title,
  options: options,
  actions: actions,
  components: components
};

};