Я использую material-table , и, глядя на исходный код, он принимает свойство components. Я знаю, что TableRow принимает hover проп, который, если задано значение true, выделит текущую строку в качестве обратной связи для пользователя.
Мой компонент рендерится данные, прежде чем я внесу какие-либо изменения:
<MaterialTable
icons={tableIcons}
title="Purchases"
columns={tableColumnsPurchases}
data={purchases}
/>
Но как только я добавлю пользовательский компонент Row:
<MaterialTable
icons={tableIcons}
title="Purchases"
columns={tableColumnsPurchases}
data={purchases}
components={{
Row: props => <TableRow hover />
}}
/>
Он прекратит рендеринг всех строк. Я пытался сделать,
Row: props => <TableRow hover {...props} />
Но это приводит к ошибкам нераспознанных реквизитов.
Что я здесь не так делаю?
CodeSandbox . Избавление от components опоры заставляет его работать, но мне нужно, чтобы оно работало с components опорой, потому что я хочу добавить hover, как вы можете видеть.