Reactjs 根据输入动态更改列名

我正在使用Office UI结构详细信息列表组件（）。是否可以根据详细信息列表的输入更改列标题名称

我找到了一种方法来更改页脚（）而不是页眉，因为DetailsHeader中没有onRenderItemColumn道具

---

有什么帮助吗？

DetailsColumn组件似乎总是呈现列的name属性值：。 因此，我认为每次在组件的渲染调用中“输入”发生更改时，都必须动态地重新生成一个新的IColumn定义数组

MyComponent:

state = { replaceSpaces: false, spaceReplacementChar: '_' };
columns = [{ name: 'Column 1', minWidth: 100, ... }];

...

getColumns(state) {
  return this.columns.map((column) => {
    return {
      ...column,
      name: state.replaceSpaces 
        ? column.name.replace(/\s/g, state.spaceReplacementChar)
        : column.name
    };
  });
}

...

render() {
  return (
    <DetailsList
      columns={this.getColumns(this.state)}
      {...this.othertableProps}
    />
  );
}

MyComponent:
state={replaceSpaces:false，spaceReplacementChar:''}；
columns=[{name:'Column 1'，minWidth:100，…}]；
...
getColumns（状态）{
返回此.columns.map（（column）=>{
返回{
…专栏，
名称：state.replaceSpace
？column.name.replace（/\s/g，state.spaceReplacementChar）
：column.name
};
});
}
...
render（）{
返回(
);
}

，本文通过覆盖工具提示讨论相同的内容和样式。但是我需要一些标题内容本身基于输入的东西