Javascript React引导表未使用引导可接受库显示

我遇到了一个问题，在我的react应用程序中没有显示该表，在添加了

Search

函数之后，似乎

BootstrapTable

本身在保存时消失了

ActionItems.jsx

import React，{Component}来自'React'；
从“react bootstrap table next”导入引导可选项；
从“react-bootstrap-table2-toolkit”导入ToolkitProvider，{Search}；
从“react-bootstrap-table2-paginator”导入分页工厂；
导出类ActionItems扩展组件{
建造师（道具）{
超级（）；
this.state={
行数：0
};
}
render（）{
var pendingActionData=[
{
标题1:‘Col1’，
操作：“需要样本操作”，
类型：“类型1”
},
{
标题1:‘Col2’，
操作：“需要样本操作”，
类型：“类型2”
},
{
标题1:‘Col5’，
操作：“需要样本操作”，
类型：“类型3”
},
{
标题1:‘Col6’，
操作：“需要样本操作”，
类型：“类型2”
},
{
标题1:‘Col7’，
操作：“需要样本操作”，
类型：“类型2”
},
{
标题1:‘Col8’，
操作：“需要样本操作”，
类型：“类型2”
},
{
标题1:‘Col9’，
操作：“需要样本操作”，
类型：“类型3”
},
{
标题1:‘Col10’，
操作：“需要样本操作”，
类型：“类型3”
},
{
标题1:‘Col3’，
操作：“需要样本操作”，
类型：“类型3”
},
{
标题1:‘Col4’，
操作：“需要样本操作”，
类型：“类型2”
},
{
标题1:‘Col11’，
操作：“需要样本操作”，
类型：“类型2”
},
{
标题1:‘Col12’，
操作：“需要样本操作”，
类型：“类型3”
},
{
标题1:‘Col13’，
操作：“需要样本操作”，
类型：“类型3”
},
{
标题1:‘Col14’，
操作：“需要样本操作”，
类型：“类型3”
},
{
标题1:‘Col15’，
操作：“需要样本操作”，
类型：“类型2”
},
{
标题1:‘Col16’，
操作：“需要样本操作”，
类型：“类型2”
}
];
变量列=[
{  
数据字段：“头1”，
正文：“标题1”，
排序：正确
},  
{  
数据字段：“操作”，
文本：“行动”，
排序：正确
},
{  
数据字段：“类型”，
文本：“类型”，
排序：正确
}
];
常量defaultSortedList=[
{
数据字段：“头1”，
命令：“描述”
}
];
const pagination=分页工厂({
页码：1，
规模：10，
lastPageText:“>>”，
firstPageText:“尝试更改

props => {
    <div>
        <SearchBar {...props.searchProps} />
        <BootstrapTable {...props.baseProps} pagination={pagination} defaultSorted={defaultSortedList} striped hover />
     </div>
}

props=>{
}

到

props=>(
)
谢谢！我知道我错过了什么地方，不知道这么简单：）@AlvinQuezon不客气
props => (
    <div>
        <SearchBar {...props.searchProps} />
        <BootstrapTable {...props.baseProps} pagination={pagination} defaultSorted={defaultSortedList} striped hover />
     </div>
)