Nano Hash - криптовалюты, майнинг, программирование

Как я могу добавить пользовательские реквизиты в TablePagination ActionComponent?

Я пытаюсь расширить компонент таблицы данных (таблица материалов), чтобы сделать его переводимым. Он использует свой собственный компонент в качестве свойства ActionComponent, в котором есть несколько строк, которые мне нравится переводить.
Я расширил компонент MTablePagination, чтобы использовать переведенные строки из свойства с именем localization, но я не могу его использовать. Компонент MTablePagination экспортируется как hoc с использованием метода material-ui withStyles.
Если я попытаюсь использовать расширенный компонент, это приведет к следующему сообщению об ошибке:

Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got:
<WithStyles(MTablePaginationInner) />. Did you accidentally export a JSX literal instead of a component?

Исходный компонент TablePagination используется следующим образом:

import MTablePagination from './m-table-pagination';
<TablePagination
  ...
  ActionsComponent={MTablePagination}
/>

Где я пытаюсь использовать расширенный компонент следующим образом:

import MTablePagination from './m-table-pagination';
const localization={someKey: 'some value'};
const pagination = <MTablePagination localization={localization}/>
<TablePagination
  ...
  ActionsComponent={pagination}
/>

Я новичок в material-ui и думаю, что что-то неправильно понял, но я не могу найти в документах ничего, что указывало бы мне на правильный путь...
Как правильно дать ActionComponent собственные реквизиты?

reactjs material-ui
12.12.2018

Ответы:


1

Я должен снова ответить на один из своих вопросов... таблица материалов была дополнена реквизитами значков, которые так же нуждаются в добавлении пользовательских реквизитов к реквизиту ActionComponent...

Они решили это, используя компонент как функцию, например:

ActionsComponent={(subProps) => <MTablePagination {...subProps} icons={props.icons}/>}

Я попытаюсь адаптировать это решение...

-- изменить: добавить окончательный код ---

import MTablePagination from './m-table-pagination';
const localization={someKey: 'some value'};
const pagination = <MTablePagination localization={localization}/>
<TablePagination
  ...
  ActionsComponent={(subProps) => <MTablePagination {...subProps} icons={props.icons} localization={localization}/>}
/>
12.12.2018
Новые материалы
Кластеризация: более глубокий взгляд
Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
Как написать эффективное резюме
Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
Частный метод Python: улучшение инкапсуляции и безопасности
Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
Как я автоматизирую тестирование с помощью Jest
Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..