Denis
Есть небольшой вопрос по Formik. Как правильно проверить все поля answerOptions на повторения? Допустим, если поля 1 и 3 совпадают, то их нужно выделять красным. Подходит ли Yup для этого? В какую сторону копать?
Denis
Ilya
в сторону yup, а я не formik. Возможно получится через .test
Китикет
там на 1 таску 1000 индусов )
Это ошибочное мнение)
Bogdan
Это ошибочное мнение)
ты там выполнял что то ?
Vlad
Всем привет. Подскажите, пожалуйста, можно ли как-то инфу что находится в render() запихнуть в Context.Costumer ?
Bogdan
почекал там челиков, прям ну хз
Vlad
🤷🏻‍♂️непойму как обернуть.
Vlad
Какая у тебя проблема, которую ты хочешь решить этой проблемой?
мне нужно сделать изминение языка по клику и нужно сделать через Context. и вот некоторые поля находятся между render() и return. И я не пойму как мне обернуть всё в Context.Customer. Вот return() оборачиваю норм, но мне нужна всё обернуть)
Vlad
class Goods extends Component<Props, State> { ..... render() { ..... тут нужно применить инфу с контекста return ( ..... ); } }
Владислав
А с каким проектом в портфолио можно идти искать работу?
Саша
Это для разработки на электрон?
Саша
Нууу ( такую шутейку запороли
Bogdan
Да
и шо, как впечатления? очевидно челики в топе - платят, но таких ртов там мильен, понравилось?
Vlad
А язык как оформен? Почему не использовать i18n?
в json файлах инфа хранится. Если ты об этом.
Китикет
Просто надо нормальный сопроводительный текст писать, и вполне спокойно заказы берутся
Valentin
ну я типо это и хочу сделать)
эммм <CustomerContextConsumer> {(consumerLang) => ( <App lang={consumerLang} /> )} </CustomerContextConsumer>
Китикет
Ну и естественно надо js знать и иметь норм работы в портфолио, если мы о фронте конкретно) Главное чтобы выглядело и работало красиво
Bogdan
Так везде, тебе едь не платят мильен на работе?
если бы мильен, я бы конечно был рад, да просто, куда не плюнь, везде пишут, что фрилансеры живут, в жизни не пробовал, ради интереса возможно хоть чекнуть
Valentin
аа....вот так.. это +1 компонент выйдет
Какая к черту +1 компанента? Ты перемещаешь инфу между компаненты через пропсы. Йоу, проммер!
Bogdan
кодебокс обновился, довольно прикольный стал
Виталий
Valentin
Это не группа объявлений
Виталий
Это не группа объявлений
я попытался более обширно обьяснить в чем у меня проблема, для того, что бы легче было понять и попочь
Bogdan
в учебных проектах что то делают, мы делал что то на пхп, как вспомню, в дрож бросает, особенно конекты к бд в каждом запросе
Виталий
вот дополнение
Bogdan
Что нового-то на скрине?
ну ч же все скринить не буду, как минимум кубик крутится, вместо загрузки, раньше он все скрывал
Valentin
че за кодебокс? codepen?
да там пару сообщений назад его упомянули
Bogdan
еще там кнопочка справа новая
а еще он линки перезагружает .с этого горю просто дико (NavLink которые)
Valentin
вот дополнение
в первой функции сначала обнови стейт а потом вызови колбек. тип this.setState(() => ({ value: e.target.value }), () => onChange(this.state.value))
Valentin
вот дополнение
в сравнении добавить сравнение типов !== и где код контекста?
Виталий
в первой функции сначала обнови стейт а потом вызови колбек. тип this.setState(() => ({ value: e.target.value }), () => onChange(this.state.value))
да, я согласен, но я в то функции ниже под setState в функцию которая пришла из пропс передаю то же что и в стейт заношу. Ну типа данные одинаковые, а стейт нужен для контроля value у инпута
Valentin
типа приявзка контекста?
типа асинхронный setState ( не пинайте, скажем так асинхронный реакт (перерисовка), типа данные могут быть не одинаковые
Виталий
Виталий
у меня когда в компонент <Route /> отрисовывается первый раз, у него this.props.search === null. Потом ему приходит в this.props.search какая то буква из строки поиска. По идее вызывается метод componentDidUpdate и там сравнивается старый пропс и новый. Если они разные то выполнять фильтрацию в массиве с данными. Но я где то ошибаюсь... не могу уловить где
Виталий
ты исправил?
не вікупаю что поменять нужно. Сравнение типов поменял. а в первой функции зачем менять если я setState использую только для контроля инпута. Там каждый скрин это разный компонент
Aleksey
Подскажите, по документации создаю приложение через npx create-react-app, запускаю через npm start и вываливается страница localhost:3000 с дебагом, и ошибкой: Html Webpack Plugin: Error: Child compilation failed: Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: [BABEL] C:\Users\...\node_modules\webpack\buildin\global.js: Cannot find module './src/data' Как исправить можно?( Win 10 / npm 6.12.1 / node 12.13.1 )
Yury
проверь где импортируется у тебя, лежит ли у тебя data.js/json по такому пути
Michail
не знает кто почему у меня вот такое когда я использую хук const isDarkMode = useMediaQuery("(prefers-color-scheme: dark)"); ?
Michail
Michail
"такое" - это что?
сначало говорил, что дарк мод не включен, потом включен
Roman
ну может такой же. там дело в том что возможно он дефолт ставит сначала
Michail
ну может такой же. там дело в том что возможно он дефолт ставит сначала
просто сразу идет у меня reducer который ставит значение на false
Ilya
Всем привет, как в реакте можно отслеживать изменения в query params ? Вот у меня есть example.com/test?id=1 И id может меняться, как мне это отследить ?
Michail
ну может такой же. там дело в том что возможно он дефолт ставит сначала
может сделать что-то типо этого? только вот хуки так нельзя использовать
Roman
может сделать что-то типо этого? только вот хуки так нельзя использовать
зачем тебе результат работы хука в редьюсере? просто вызывай везде этот хук, где нужно знать тему
Maxim
Всем привет подскажите пожалуйста почему у меня не рендариться второй router стразу кидиает на 404 а первый все ок ?? выше до этого компонента прописан файл Routers где все тоже самое только там 404 есть
Roman
чтобы изменить ThemeProvider
сделай свой компонент, который будет вызывать хук, а потом рендерить ThemeProvider с нужным значением
Vadim
чтобы изменить ThemeProvider
Theme.Provider value={isdark ? dark : light}
Bogdan
может сделать что-то типо этого? только вот хуки так нельзя использовать
export const ThemeContext = createContext() export const CustomThemeProvider = ({ children, themes, initialTheme }) => { const [theme, setTheme] = React.useState(themes[initialTheme]) const themeSetter = React.useCallback( themeName => { if (themes[themeName]) { setTheme(themes[themeName]) } }, [themes], ) return ( <ThemeContext.Provider values={{ themeSetter, }} > <ThemeProvider theme={theme}>{children}</ThemeProvider> </ThemeContext.Provider> ) } useCallback убери, либо ребенка в мемо оборачивать
Alexey
Доброго времени суток, Есть такая задача,нужно выбрать в таблице все записи, но вот одно очень важное условие - в базе записей может быть > 50к. Если у кого-то был такой опыт решения подобной задачи - поделитесь мыслями. Заранее спасибо!
Артем
пагинация с догрузкой через рест...
Alexey
Под выбором подразумевает я опция 'select all'
Bogdan
сразу понятно стало
💀
Народ. Спасите пжлста. Начал изучать реакт, и походу я для него слишком тупой. Не могу контексты с хуками понять, уже дня три ебусь с этим. Значение контекста сбрасывается на изначальное хоть убейся. Ткните носом в коде https://codepen.io/rpravm/project/editor/Anzpap
Anonymous
а че уже в функциональных компонентая можно state юзать? хера се
💀
а че уже в функциональных компонентая можно state юзать? хера се
Дак они вроде решили классы вообще выпилить