React Boostrap Table自定义单元格不渲染

Question

我正在使用react bootstrap表并决定自定义单元格。但是，在单击单元格之前，我的更改不会渲染。如下图所示：

Button doesn't render Button now renders now that I clicked into the cell

我的目标是使按钮在单元格中自动呈现。 我将其定义为：

 <TableHeaderColumn dataField='knowledgeReference.0.docUrl'
                                       width="200px"
                                       hiddenOnInsert
                                       dataFormat={urlFormatter}
                                       tdStyle={{whiteSpace: 'normal'}}
                                       customEditor={ { getElement: createUrlEditor, customEditorParameters: {
                                           }} }>

                        Resource URL</TableHeaderColumn>

有人以前见过这样的问题吗？您是如何解决的？

Answer 1

使用 dataFormat 而不是customEditor解决了该问题。引导表文档没有充分阐明区别。

<TableHeaderColumn dataField='knowledgeReference'
                                       width="200px"
                                       editable={false}
                                       hiddenOnInsert
                                       dataFormat={urlFormatter}
                                       tdStyle={{whiteSpace: 'normal'}}
                                       dataFormat={createUrlEditor}
                    >

                        References</TableHeaderColumn>