Я создал одну страницу, используя реагировать js. На этой странице у меня есть использованный пакет activ- bootstrap -table npm для пользовательских данных связывания. и он работает нормально.
Теперь я хочу развернуть одну строку и связать другую дочернюю сетку с помощью вызова API. но когда я нажимаю на необработанные 10 записей, доступных в родительской таблице, чем 10 раз вызов API. Означает событие expandComponent получить всю запись и вызвать 10 раз вызов API.
Так что мне нужно просто включить событие необработанного клика OnExpand, как его использовать в пакете реагировать на повышение таблицы.
Здесь я должен сделать этот код.
import React, { useEffect, useState } from 'react'
import { BootstrapTable, TableHeaderColumn, SearchField, } from 'react-bootstrap-table'
function isExpandableRow(row) {
return true;
}
function expandComponent(row) { // this code run 10 times. no of data from parent table
return <GridChildData />; // here I need to only one raw return which I click for expnad
}
<BootstrapTable
data={data}
expandableRow={isExpandableRow}
expandComponent={expandComponent}
options={tableOptions}
bodyContainerClass="text-grid-td"
hover
remote={true}
pagination={true}
search={true}
fetchInfo={{ dataTotalSize: totalCount }}
>
<TableHeaderColumn isKey dataField='userID'>UserID</TableHeaderColumn>
<TableHeaderColumn dataField='username' expandable={false}>User Name</TableHeaderColumn>
<TableHeaderColumn dataField='officialName' expandable={false}>Official Name</TableHeaderColumn>
</BootstrapTable>
Здесь выше я написал этот код. Не могли бы вы мне помочь, кто-нибудь, как использовать OnExpnad или любой другой вариант для текущего события клика для расширения raw?