сразу вопрос задавай
баг с тем, что когда slidesToShow больше 1, infinite: false и slidesToScroll: 1 мы вправо можем свайпить будто у нас есть еще слайды
Nikita
Nikita
в итоге там пустое место образуется
Oruj
чем ему не нравится <App/> ?)
https://codesandbox.io/s/hopeful-firefly-ob9i0?fontsize=14
Michail
с серваком чо-то
Mikhail
Народ, подскажите как по условию добавить проп?
То есть по аналогии с объектом:
const obj = {
...(true && {someObj})
}
только для компонента:
<Component ...(true && {someProp}) />
Андрей
Народ, подскажите как по условию добавить проп?
То есть по аналогии с объектом:
const obj = {
...(true && {someObj})
}
только для компонента:
<Component ...(true && {someProp}) />
Может в самом компоненте если есть проп то делать что то если нет то не делать что то
Mikhail
Может в самом компоненте если есть проп то делать что то если нет то не делать что то
ну это понятно, вопрос про такой кейс, как я описал
Александр
чем ему не нравится <App/> ?)
https://codesandbox.io/s/hopeful-firefly-ob9i0?fontsize=14
Он же пишет вам, что-то не то возвращает App, проверьте ThemeProvider для начала нормально проимпортирован ли
Oruj
Он же пишет вам, что-то не то возвращает App, проверьте ThemeProvider для начала нормально проимпортирован ли
да он вообще стал другое писать. про корс
Андрей
Александр
да он вообще стал другое писать. про корс
Нет там про корс, проверте всё-таки что провайдер правильно проимпортили
Oruj
да. иначе бы он ругнулся
import Services from "./services";
Александр
да. иначе бы он ругнулся
import Services from "./services";
Сделайте console log ThemeProvider перед render
Александр
Oruj
Ну в общем где-то в дереве у вас не реакт элемент возвращается. Проверьте все компоненты ещё раз, правильно ли импортятся
A cross-origin error was thrown. что странно, то что на локал:3000 ВСЕ РАБОТАЕТ
Николай
подскажите, как лучше всего сделать такой объект со строки.
const text = "CdmResource/dialog/image/test";
const obj = {
"CdmResource": [
{
"dialog": [
{
"image": [
{
"test": []
}
]
}
]
},
]
}
Андрей
Oruj
https://codesandbox.io/s/patient-paper-tzqtq
ребят я специально весь проект перенес на codesandbox, потому я не знаю как мне избавиться от компонента, в котором приходится передавать пропсы в другой компонент, только потому что нужно отдельные состояния для дочерних компонентов. может кто подскажет как убрать этот компонент main-page.js?
Denis 🇺🇦
Многие ли предпочитают юзать еслинт вместо тслинта с тсом?
Mikhail
рип
вопрос не по реакту
(спойлер: сплит + редьюс)
А ты можешь глянуть?
https://t.me/react_js/732334
Mikhail
Ну так и я бы сделал, хочется без лишнего второго варианта
: undefined
Андрей
Ну так и я бы сделал, хочется без лишнего второго варианта
: undefined
<AAA prop={if(cond, () => el)} />
Andrey
Ну так и я бы сделал, хочется без лишнего второго варианта
: undefined
так а зачем вообще второй вариант
ну если проп будет, то он будет, иначе будет undefined
<Comp prop={foo} />
Mikhail
так а зачем вообще второй вариант
ну если проп будет, то он будет, иначе будет undefined
<Comp prop={foo} />
допустим вот так
<OnWidth>
{width =>
<Component customProp={ width < 768 && customProp } />
}
</OnWidth>
Mikhail
тупо как пример
Andrey
допустим вот так
<OnWidth>
{width =>
<Component customProp={ width < 768 && customProp } />
}
</OnWidth>
ну, так если для кастомПропа false не будет специфичным значением, со своей логикой, и он просто любой falsy проп считает за отрицательный, то все будет окс
Mikhail
ну, так если для кастомПропа false не будет специфичным значением, со своей логикой, и он просто любой falsy проп считает за отрицательный, то все будет окс
Да, но я бы хотел это упростить до вида <Component ...(cond && {prop}) />
Andrey
Да, но я бы хотел это упростить до вида <Component ...(cond && {prop}) />
<Component {...(cond && {prop})} />
кто ж тебе не дает
но я бы не стал так делать
Mikhail
Victor
На стейтах, например.
Andrey
что ты услышать то хочешь?
код написать?
начни сам, столкнешься с проблемой, опиши конкретно, с чем столкнулся, как пытался решить, и почему не получилось
Victor
на onChange() складывать сумму, менять значение цены. Начните с минимального примера на codesandbox
Илья
Что?
Mikhail
получить макеты от дизайнера - дальше все просто
Mikhail
точней дальше у тебя будут уже конкретные вопросы, если будут
Mikhail
точней дальше у тебя будут уже конкретные вопросы, если будут
просто зачем делать вот такое https://corvel.ru/lp/#section-7 с какими-то секциями и прочим, если задачу собрать себе велотур можно уложить в одной секции с нормальным интерфейсом
Victor
Mikhail
ну а так секции просто пишешь, делаешь управляющий компонент, который разруливает логику секций, если в общих словах
Mikhail
но повторюсь, нахер такое делать то
Илья
Не понятно, тебе же нужен калькулятор который идет до слайдера? Если да, то в чем проблема сделать это в рутовом контейнере который будет ответственным за калькуляцию и отображение калькуляции?
Victor
Mikhail
ну и этот калькулятор состоит из секций, что является просто лютым дерьмом
Mikhail
это неправильный интерфейс и как бы ты его не реализовал, будет хреново
если там одно от другого зависит, то нужен интерфейс по типу визарда с шагами
Mikhail
Mikhail
Michail
Привет всем
Как с помощью Рефов добавить к ref.current класс?
Cenator 🐈
ref.current.classList.add()
Michail
окей спасибо
Victor
https://codesandbox.io/s/muddy-mountain-4mj2s?fontsize=14
Michail
ref.current.classList.add()
нельзя некак указать один реф для азных элементов, чтобы и там и там что-то сделать?
Cenator 🐈
Victor
за вас никто не напишет нужную вам логику. Надо или более конкретный вопрос, или пример кода, в котором что то не работает.
Victor
{this.state.prevElState && <CurrentEl>}
Cenator 🐈
Cenator 🐈
По аналогии с классами, там рефсы появляются только в componentDidMount
Michail
окей спасибо
Victor
А если мне надо это до рэндера сдеать?
нельзя добавить класс к несуществующему элементу
можно повесить глобальный флаг какой то и при рендере компонента установить нужный класс, если флаг есть
Igor
Michail
ок сча попробую
Victor
Привет всем
Как с помощью Рефов добавить к ref.current класс?
https://codesandbox.io/s/classnames-6e44x?fontsize=14
Vladimir
Из-за чего происходит ошибка
Uncaught (in promise) {code: 0, message: "timeout"} ?
Victor
Из-за чего происходит ошибка
Uncaught (in promise) {code: 0, message: "timeout"} ?
fetch валится наверное
Vladimir
Ничего не ломается, все работает исправно. Просто не могу понять почему это происходит
🐏 Alexander
Из-за чего происходит ошибка
Uncaught (in promise) {code: 0, message: "timeout"} ?
это точно нативное сообщение?