Danila
Привет! Начал изучать реакт. Передаю массив в компонент <Table data={books} />. А в компоненте Table принимаю props и хочу вывести первый элемент так {data[0]}. Но на странице не выводится. Код выложить пока не могу технически.
В компонент первым аргументом приходит обект props, а внутри него лежит твоя data. Когда ты пишешь const Table = (data) => ... в data оказывается весь объект пропов, и тогда надо доставать твою дату как data.data
Lena
посмотри что такое xss
блин( не хочется копаться в бэке. Я совсем нуб
Aleksandr
а кто у тебя занимается беком?
Lena
я вставила небольшой php скрипт в корневую папку, связала с формой, при клике на сабмит , возникает вот такая ошибка в консоли
Lena
а кто у тебя занимается беком?
я сама 😁 это петпроект
Aleksandr
если коротко то ты делаешь кросс доменный запрос
Aleksandr
делаешь на локалхост(что скорее всего не то что ты хотела)
Lena
делаешь на локалхост(что скорее всего не то что ты хотела)
ну у меня сайтик пока что на локалхосте
I'm
Ну тогда надо так const Table = ({data})
Спс. Деструктуризацию забыл)
Anonymous
Посоветуйте какую-нибудь библиотеку для работу с куками
Valentin
Привет работяги! Вопросик: имеется проект на рекате, каждая страница свой бандл (модуль). В общем все как и везде, используется реакт-роут. И на одном из модуле реализована модалка. Если мы уходим из модуля и возвращаемся, модалка остается открытой, как ее заставить анмаунтится, когда ее родителя больше нет?
Danila
Там что-то со стейтом, на основании которого оно открывается, наверное
Valentin
Там что-то со стейтом, на основании которого оно открывается, наверное
да так и есть, и это редакс и я хз что сделать.. горю как солнышко
Danila
да так и есть, и это редакс и я хз что сделать.. горю как солнышко
Ну повесь на анмаунт изменение значения в стейте, попробуй
Valentin
🤔
Valentin
Ну повесь на анмаунт изменение значения в стейте, попробуй
а норм, что я буду трегирить события "клосе", которое где то выше и трегирит редактовский стор, что бы закрыть модалку (на анмаунте модального окна) или это говнокод? я просто искренне не понимаю где берега
Иван
Использую react-alert. Чем заменить const alert = useAlert(); для компонентов, основанных на классах?
ssshhh
привет пробую делать таби, нашел вот код https://github.com/YauhenKavalchuk/react-components/tree/10_tabbar/src/components/tabbar здесь все норм, но мне возле лейблов нужно еще и картинку виводить, но я никак не могу врубиться как то сделать
Alex
https://reactcommunity.org/react-tabs/
ssshhh
Библиотека не нужна Хочется понять, как там это сделать
Vladimir
Библиотека не нужна Хочется понять, как там это сделать
было 'Simple text` станет например <><img /> Simple text</>
ssshhh
Именно вот как в том коде что я показал это реализовать?
Vladimir
Именно вот как в том коде что я показал это реализовать?
https://github.com/YauhenKavalchuk/react-components/blob/10_tabbar/src/components/tabbar/Sandbox.jsx#L46
Vladimir
Да, в этом
примени к этой строчке правку из моего сообщения выше
Иван
можно как-то хук использовать в наследованном компоненте?
Anonymous
Великие программисты, кто подскажет, как в react подключить плагин jquery, например: maskedinput. Пишите те, кто реально уже подключал. А то многие умничают, кидают ссылки на "взаимодействие react со сторонними библиотеками" или "react-input-mask", а мне нужно именно то, о чем я пишу выше. Просто научиться подключать плагины jquery в react, нужно полное решение от и до, включая подключение самой библиотеки jquery и т.д., каждую мелочь.
Rrr
франкенштейн
Danila
Великие программисты, кто подскажет, как в react подключить плагин jquery, например: maskedinput. Пишите те, кто реально уже подключал. А то многие умничают, кидают ссылки на "взаимодействие react со сторонними библиотеками" или "react-input-mask", а мне нужно именно то, о чем я пишу выше. Просто научиться подключать плагины jquery в react, нужно полное решение от и до, включая подключение самой библиотеки jquery и т.д., каждую мелочь.
Давай так, пока не началось: 1)"Полное решение от и до, каждую мелочь" тебе никто рассказывать не будет, это никому не нужно и не интересно, за тебя делать твою работу никто не будет 2) Создаёшь ref, в него кладёшь ДОМ-элемент, созданый реактом, на этом элементе запускаешь плагин через $(ref).plugin() 3) НЕ НУЖНО ЭТОГО ДЕЛАТЬ ОСТАНОВИСЬ
Eugene
привет, подскажите, можно ли измененный компонент открыть в новой вкладке браузера?
Danila
Останавливаюсь, ок. Бесплатные видео в youtube закончились, фиг знает что делать. Где бы достать информацию, как сделать input mask или нормальную карусель
Их нужно делать сразу на реакте, нет нужды использовать жквери там, где для него нет места. Реакт построен на совсем других принципах, чем жквери, и в нём другие способы решения тех же самых проблем.
Иван
Где можно понятным языком прочитать про хуки? Начал кодить на реакте месяц назад и все время старался использовать наследование компонента, а теперь начинаю вникать и заметил, что хуки должно быть удобнее, но если читать оф документацию кажется, что сложнее.
Eugene
привет, подскажите, можно ли измененный компонент открыть в новой вкладке браузера?
то есть перед перересовкой открыть новую вкладку и отрисовать этот компонент там
Roman
Гайс, тестил кто-нибудь реакт компоненты
Indra
привет. а подскажите плиз, имею вот такую тестовую кнопочку отрисовнную внутри return функции компонента: <button onClick={ () => { if (images.indexOf(tile.img) == -1) { setImages(images.push(tile.img));} } /> в теле компонента добавляю const [images, setImages] = useState([]); первый раз тест отрабатывает, а когда второй раз пытаюсь жмякнуть на кнопку - получаю images.indexOf is not a function вопрос - как корректно передать значения в стейт фукнц.компонента по кнопке?
Danila
Трап где-то на 11:40 уходит и приходит дэнчик и рассказывает про хуки достаточно понятно и с примерами
Тимофей 🛴
Гайс, тестил кто-нибудь реакт компоненты
Сразу вопрос, если никто не ответит повторишь потом.
Valentin
¯\_(ツ)_/¯
а в чем может быть беда, что redux-form как то не активно удаляет созданный стор формы? Те не пойму когда то делает, когда то нет. И почему то берет старые данные... блин, понимаю, что ответить на это невозможно
Тимофей 🛴
Уже раз третий пишу )
Ты вопрос не задаешь
Arczi
Парни кто то использует RXJS с реактом?
Карамультук
Гайс, тестил кто-нибудь реакт компоненты
тестил. Используем гибридный подход. Большая часть уверенности что ничего не сломалось обеспечена ui тестами через cypress. Краевые, сложные случаи описываем (не часто) через reacttestinglibrary, отдельные функции - юнит тесты
Dinar I
Как в ante modal убрать задний БГ при удаленни вложенных файлов?
Dinar I
Alex 🗽👇
Добрый день. Кто-то работал с draftjs, как лучше сделать truncate? Заменить contentBlock на компонент, который тренкейтит текст до определенного количества линий нельзя, т.к. каждый блок - это абзац. У меня просто каждый абзац тренкейтится, а не весь текст целиком. Вырезать сам текст, внутри editorState? Но точности тогда не будет в количестве линий
Lena
так, теперь новая ошибка, файл не найден, получается путь неправильный скорее всего?
Lena
Indra
ккой-то чат неотвеченных вопросов)
Dinar I
хехмда
Lena
он у меня в корневой папке лежит, его ткнуть надо в другое место? мож кто в курсе
Danila
А, хотя запрос же уходит по адресу.
Lena
локал хост)
Danila
локал хост)
Ну сервером кто управляет? Нгникс, апач?
Тимофей 🛴
локал хост)
Сервер php где запущен? На другом наверное адресе
Иван
Читаю читаю про крюки, но не могу понять, куда мне это пихнуть то, если у меня нет функционального компонента?
Иван
блин, я уже запутался как мне этот алерт вызвать при этом не переписывая всю логику на функциональщину
Иван
не понял
Oleg
не понял
давай я поищу в гугл за тебя.
Иван
я все их доки перерыл и не нашел как в классе использовать