« Rev
@react_js   233
Fwd »


Bogaciuc
Всем вечер добрый, вопрос, есть подобие Accordion в Semantic UI react
Bogaciuc
или как можно это реализовать
Bogaciuc
https://react.semantic-ui.com/ ?
Max
А yarn и пайтон сверху ставить?
Bogaciuc
бери официальный lts
https://react.semantic-ui.com/
Bogaciuc
бери официальный lts
я просто не нашел для таблицы там что то.
arthur
А yarn и пайтон сверху ставить?
ну тогда поищи имедж сразу с питоном нужным, если не хочется возиться
arthur
https://hub.docker.com/r/nikolaik/python-nodejs/
Max
ну тогда поищи имедж сразу с питоном нужным, если не хочется возиться
Именно) про такие и спрашиваю, не то что не хочется возится.. не хочется косячить. Может есть докефайл какой-то
Andrey
https://hub.docker.com/r/nikolaik/python-nodejs/
в официальном разве нет?)
Max
https://hub.docker.com/r/nikolaik/python-nodejs/
Ага, спасибо, похоже на правду
Max
в официальном разве нет?)
В alpine и carbon кажись нету
Andrey
В alpine и carbon кажись нету
а питон тебе для чего?
Andrey
Sass
у меня он на карбоне собирался вроде
Max
у меня он на карбоне собирался вроде
Да любом случае, в том имейдже что сбросили ко всему ещё yarn есть)
Nikita
А пришел задать серьезный вопрос
Nikita
как мне сделать список слов через пробел?
Nikita
при этом каждое слово обернуто в span
Nikita
а, на фрагменты можно накидывать ключи
Ivan
как мне сделать список слов через пробел?
Честно, но не понял что это значит... Какие входные параметры? 😑 если массив, то простым мапом
Nikita
массив строк
Китикет
массив строк
Это прикол, или ты серьезно никогда мап не юзал? Или ты уже все понял?)
Ivan
arr.map(el => <span>el</span>)
Nikita
ага, а пробелы как вставить то
Ivan
Где?
Nikita
после span
Ivan
Лучше простым margin, но если надо прям, то просто строку с пробелом добавь после спана
Hooray
arr.map(el => <span> el</span>)
Nikita
arr.map(el => <span> el</span>)
создает в начале пробел
Ivan
а ты сам пробывал?
Нет, но я не понимаю зачем после спана ставить пробел, с тем же элементом массива в мапе можешь что хочешь сделать, хоть добавить в конец строки пробел
Nikita
arr.map(el => <span> el</span>)
но в общем то решение
Nikita
я вывожу список слов через пробел
Nikita
че ты от меня хочешь
Nikita
и они завернуты в спан
Nikita
{" "}
не, он будет схлопываться, я так пробывал
Китикет
но в общем то решение
Во фрагмент оберни спан
Nikita
Во фрагмент оберни спан
да, я так и сделал, но не знал, что на шорткад нельзя накинуть ключ и от этого немного тупанул
Nikita
когда импортнул Fragment, то на него кинуть ключ смог
rovnyart
2 часа в этом чатике, не понимаю откуда вообще могут в принципе взяться кейсы, о которых тут идет речь, в какой-то параллельной реальности что ли чуваки не умеют маппить спаны или пытаются применить map к объекту🤔
rovnyart
я то вообще рассчитывал тут сложные случаи с hooks api почитать)
rovnyart
типа там зачем новое правило реакта для eslint само добавляет useCallback с пустым массивом завимисостей, если в доке написано, что такое использование хука бессмысленно
Yura
пацаны хелп такая задача найти инпут в форме который не был заполнен и поменять ему стиль.
Yura
типо нужно без доп покетов
rovnyart
то есть ты в приложении на реакте используешь формы без доп пакетов?
Yura
да , учебный проекь
Yura
проект
rovnyart
тогда состояние формы должно лежать хотя бы во внутреннем стейте компонента как-нибудь
rovnyart
если конечно "инпут который не был заполнен" - это не "инпут, у которого value === '' ", что вообще то неверно
Yura
состояние во внутреннем, да проверка на пустую строку
Andrey
состояние во внутреннем, да проверка на пустую строку
У реакта все плохо с формами "из коробки". Вы уверены что вам важно самому написать это?
Yura
может через refs
rovnyart
ну тогда тебе нужна какая-нибудь херовина в стейте типа errors: { }. в onSubmit формы проходишься по всем полям и делаешь if (!field1.value) this.setState({ errors[field1]: 'заполните это поле' }). при этом в основном рендере инпута делаешь className зависимым от this.state.errors
rovnyart
но правда ни один человек живой такую херню руками не будет делать
rovnyart
только если в образовательных целях)
Yura
а потом как то по ссылке найти его так?
rovnyart
ну если не нужно отображать текст ошибки, а только стиль применить, то можно не писать никакого текста, только field1: true
Yura
потом понятно как все ) прям в компонент ( инпут) первый к примеру в нем. if field1 ? errorclass : invalidclass
rovnyart
ща накидаю тебе сендбокс
Yura
ok tnx
rovnyart
ok tnx
сорян, отходил, вот как-то так https://codesandbox.io/s/kind-black-3wft1
Yura
tnx
rovnyart
но лучше используй специальные инструменты, вроде Formik или react-final-form, или если динозавр - redux-form
Yura
я так и думал) tnx
rovnyart
чуток подправил, сорян, залипаю уже)
rovnyart
вы вообще заметили, как мерзко стало писать классы со стейтом даже в образовательных целях, когда появились хуки?)
rovnyart
пацаны лукавят, они убьют классы через пару лет
Nikolai
но лучше используй специальные инструменты, вроде Formik или react-final-form, или если динозавр - redux-form
Лучше использовать хуки и не тянуть лишние либы. С хуками формик не нужен
rovnyart
Лучше использовать хуки и не тянуть лишние либы. С хуками формик не нужен
вот вообще не поспоришь) внедряю на проекте где только могу
rovnyart
https://github.com/ShizukuIchi/winXP когда код вот этого проекта почитал - сразу прозрел и уверовал в хуки) мало того что сам проект просто охеренно выглядит, так еще и вместо богомерзкого редакса хуки) просто сказка
« Rev
@react_js   233
Fwd »