Jurij
Они будут иметь уникальыне имена. Если это действитеьно CSS модуль
Alexander
Oleg
Роман
Кто работает с material ui, у вас textfield c outlined корректно работает, когда находится в табе?
Dmitry
Не подскажете, создавать в теле функции родительского компонента функции дочерних компонентов с помощью useCallback для обращения к контексту родителя это ок?
Airat
Jurij
Может их там не много и объектным способом подойдет? Через style={}
Роман
В каком табе? В фокусе?
Когда находится в компоненте Tab. У меня ни на CRA, ни в проекте настроенном вручную - label поверх рамки и не скрывает ее, когда инпут приобретает фокус
Jurij
Он имеет ввиду, что если импортирует модуль в двух компонентах то у него в обоих компонентах классы будут иметь уникальные имена и итоговая css-таблица разрастется
Airat
Al
Народ, пытаюсь игру сделать из документации по React,handleClick(i) {
const squares = this.state.squares.slice();
squares[i] = this.state.xIsNext ? 'X' : 'O';
this.setState({
squares: squares,
xIsNext: !this.state.xIsNext,
});
}
Al
выдаёт ошибку:Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops. в чём косяк? как исправить?
Oleg
Jurij
Jurij
Т.е. бесконечный самовызов. По этому коду не очень очевидно.
Al
Jurij
Дай ссылку
Airat
Тимофей 🛴
Al
Дай ссылку
https://ru.reactjs.org/tutorial/tutorial.html
Al
Тимофей 🛴
Al
Jurij
Код нормальный там. Видимо ты его не только в обработчик клика засунул. Надо твой код смотреть.
Тимофей 🛴
Al
оке, сейчас перепроверю
Jurij
Да ты просто "Сохранить как" нажми и кидай сюда файл.
Airat
да
в рендере меняешь стейт, а он вызвает рендер снова.
И говорит что превышено максимальное количество вызовов, тк у тебя в бесконечный цикл впал компонент
Al
Airat
да именно
угу, написал чтобы яснее картина была
Jurij
handleClick - это "обработчик клика". Его надо не в рендере вызывать, а повесить на onClick чего-то там
Jurij
http://i.imgur.com/GdIDkWb.png
Роман
https://material-ui.com/components/tabs/ мы про этот таб говорим?
Да, все верно. Всего на этом табе у меня две вкладке. На второй расположен textfield с variant=“outlined “. Когда тракт становится активным, label съезжает наверх, и должен находиться поверх рамки, зарывая ее белым фоном. У меня воспроизводится такой баг, что рамка перечёркиваете надпись, то есть не перекрывается (если посмотреть код html, то legends имеет width 0, в то время как ширина должна быть равна ширине уменьшегося label)
Airat
handleClick метод класса-компонента, и вызвается в рендере в функции.
Как на скриншоте выше
Al
Jurij
Да, но по той ссылке она вызывается конечное количество раз
http://i.imgur.com/mFfL54f.png
Airat
Да, все верно. Всего на этом табе у меня две вкладке. На второй расположен textfield с variant=“outlined “. Когда тракт становится активным, label съезжает наверх, и должен находиться поверх рамки, зарывая ее белым фоном. У меня воспроизводится такой баг, что рамка перечёркиваете надпись, то есть не перекрывается (если посмотреть код html, то legends имеет width 0, в то время как ширина должна быть равна ширине уменьшегося label)
Сори, вечер пятницы, сложно воспринивать текстом.
Мб соберете быстренько на codesandbox.io пример?
Airat
Jurij
https://stackblitz.com/edit/react-5z1dji
Jurij
Забыл Save нажать. Обновите
Jurij
Короче ты совершил типичную ошибк
Jurij
Вызвал функцию вместо того чтобы ее передать http://i.imgur.com/VlRccVC.png
Jurij
Ну и примеры у них там в документации. На работе и то проще.
Al
Ivan
Сергей
Лучше бинд...стрелку создавать если замыканием надо из места вызова параметр передать..
Игорь
Кстати у кого-нибудь был опыт работы с css grid и рендерингом тысяч элементов на сетке? С какого момента начиается просадка по производительности и может кто знает статейки по анализу производительности всего этого дела, буду признателен
🤴👷♂️🦸♂️🧚♀️
Тимофей 🛴
Игорь
Задача сделать отображение, вроде сводной таблицы в духе excel. Без пагинирования, с прокруткой по осям. Вывел сейчас тысячу(пока дев сервер). Рендерит пару секунд. В теории может и тысяч 5-7 ячеек в таблице быть
Игорь
То есть желание от пользователя получить сразу всю таблицу на экран и анализировать ее. Лейзи-лоад не подойдёт(
Саша
Саша
Ему нужны хорошие фильтры для таблицы, а ещё лучше возможность их писать
Sm•ok
Игорь
Sm•ok
Это что?
Не рендерить то, что не видит юзер
Саша
Кстати, virtual table может помочь
Саша
Но там скорее время на подготовку данных тратится много
Alexander
Добрый вечер, подскажите пожалуйста, как можно передать компоненту A компонент B и в компоненте A при рендере компонента B передать свойства
Jurij
>Добрый вечер, подскажите пожалуйста, как можно передать компоненту A компонент B
Компонент - просто JS переменная. Просто выглядит как html тег в JSX но ты не ведись.
Тимофей 🛴
Jurij
Поэтому или через props. Или как дочерний this.props.children
Jurij
А вторую часть вопроса я не понял
Jurij
Jurij
Как осознаешь что долбанный JSX просто маскируется - сразу проще будет. И передавать и т.д.
Alexander
В компонент А я также передаю массив параметров по которым я пробегусь и в зависимости от их количества сгенерю необходимое количество компонентов B но в нутри компонента A при генерации компонентов B я в эти сгенерированные компоненты должен передать props которые я извлеку из source переданных компоненту A
Michael
Jurij
Нет, по-моему у него проще все.
Jurij
Просто не совсем ясно в чем проблема. Ну передал ты в ElementsCouruselVertical данные. А внутри передавай точно так же данные в Chart. Через props
Jurij
В общем я сейчас пример набросаю.
Alexander
Вадим
Кто может подсказать вывожу данные с БД и к каждому результату добавляю поле в котором можно изменять значение поля, все работает чудесно но при вводе в одно полле показывает текст во всех как это исправить ?
Michael