spfx - 带有输入框 tabIndex 的 MS Fabric DetailList 始终呈现为 -1

Question

我正在向 Microsoft Fabric DeatialsList 中的列添加一个输入框。我将它设置在 IColumn 定义的 onRender 中。一切正常，除了 tabIndex 总是-1。我想将其设置为 0。

export default class Scrach extends React.Component<IScrachProps, {}> {
  private testData:{}[]=[{Item:1},
                        {Item:1},
                        {Item:1}];
  private testCols: IColumn[] = [
    {key:"col1",
        name:"Items",
        fieldName:"Item",
        onRender:(item)=>{return(<input style={{width:'3em'}} 
                                        tabIndex={0} 
                                        type="text" 
                                        defaultValue="1" 
                                        onClick={this.selectText}/>);},
        minWidth:60,
        isResizable:false
    }];

  public render(): React.ReactElement<IScrachProps> {
    return (
      <div>
        <DetailsList
          items={this.testData}
          columns={this.testCols}
          setKey="set"
          layoutMode={DetailsListLayoutMode.fixedColumns}
          selectionPreservedOnEmptyClick={true}
          selectionMode={SelectionMode.none}
      /> 
      </div>
    );
  }
}

有任何想法吗？