у тебя же один стейт на все 4 компонента...

вынеси плюсик с меню в отдельный компонент например )

ну или да сделать 4 отдельных компонента

дело в том, что у меня таких компонентов может быть 50 на странице

какое оптимальное решение?

вынеси плюсик с меню в отдельный компонент например )

имеешь в виду в цикл закидывать отдельный компонент со своим стейтом собственным?

ну да

надо попробовать

ну да

супер, красавчик

супер, красавчик

https://codesandbox.io/s/runtime-cookies-8c6pk 🤔

https://codesandbox.io/s/runtime-cookies-8c6pk 🤔

дада, я сделал уже так, спасибо

кек компонент не может не работать не правильно)

обновил 👀

кек компонент не может не работать не правильно)

))

Подскажите по коду ребят пожалуйста. Пытаюсь понять HOCи. Получается внутри хока принимается два аргумента и возвращается компонент в котором второй аргумент записан в виде chiildren первого. Верно?

Такая проблема ( В списке продуктов я кликаю по линк определенного продукта => перехожу на страничку этого продукта (Консоль чистая) =>по линку возвращаюсь в список продуктов (В консоли всплывает Warning) =>Снова по линку перехожу на продукт(Всплывает Error c ссылкой на строчку Route)Что приводит к этой ошибке? Warning( An effect function must not return anything besides a function, which is used for clean-up. You returned null. If your effect does not require clean up, return undefined (or nothing). ) Error ( The above error occurred in one of your React components: C cсылкой на строчку ( <Route path={path} component={props => <Component {...props}/>} key={id}/> ) ) Прошу вашей помощи!)

Я нашел кажется ошибку ,она в useEffect.Ребят,как мне правильно проверить, пустой ли store или нет? Я так проверяю,но кажется это приводит к ошибке,так как я возвращаю null. ( useEffect(() =>(products.length === 0)? dispatch(getProducts(`url`, {title: `products`})) : null,[]); )

Я нашел кажется ошибку ,она в useEffect.Ребят,как мне правильно проверить, пустой ли store или нет? Я так проверяю,но кажется это приводит к ошибке,так как я возвращаю null. ( useEffect(() =>(products.length === 0)? dispatch(getProducts(`url`, {title: `products`})) : null,[]); )

products && Array.isArray(products) && products.length === 0

нельзя null возвращать в useEffect,но можно undefined

нельзя null возвращать в useEffect,но можно undefined

некорректная постановка вопроса

нельзя null возвращать в useEffect,но можно undefined

Зачем из него что-то возвращать?

колбек useEffect может возвращать функцию либо не возвращать ничего

В общем я тупанул,в useEffect написал тернарку ,в которой если true,то подгружались товары ,если false ,то возвращал null

draft js кто то юзал ? не работает отмена ввода порсле вставки

Привет. Ребят, немного "выпал" из React-разработки. Сейчас буду делать новый проект на React. Стоит использовать классы или функциональные компоненты (т.е хуки)? Или как-то объеденить их использование?

Привет. Ребят, немного "выпал" из React-разработки. Сейчас буду делать новый проект на React. Стоит использовать классы или функциональные компоненты (т.е хуки)? Или как-то объеденить их использование?

Хуки

Хуки

Даже, если классы использовать привычней (и субъективно – удобнее)? Хотя, да, useEffect – это нечто :)))

Ребят,есть какой-то плагин для реакт плавной прокрутки сайта( не по якорю) или моете пожалуйста скинуть туториал ,как это нативно написать?)

Ребят,есть какой-то плагин для реакт плавной прокрутки сайта( не по якорю) или моете пожалуйста скинуть туториал ,как это нативно написать?)

Google: javascript smooth scroll В первых результатах → https://www.w3schools.com/howto/howto_css_smooth_scroll.asp

Ребят,есть какой-то плагин для реакт плавной прокрутки сайта( не по якорю) или моете пожалуйста скинуть туториал ,как это нативно написать?)

Также, открой dev tools

На любой длинной странице

И в консоль вставь

window.scroll({ top: 2500, left: 0, behavior: 'smooth' });

:)))

Cпасибо большое!)

Не здесб

Ок , спасибо

Всем привет. Есть разница где лучше создавать порталы? В App или в Index или это вообще не важно?

Всем привет, подскажите пожалуйста, кто нибудь использовал reactivesearch?

Ребят, а кому ещё пишут спам-китайцы?

Ребят, а кому ещё пишут спам-китайцы?

Всем, отмечай как спам

Всем, отмечай как спам

Что это за новый вид развода?:)

Что это за новый вид развода?:)

Это не важно

Это не важно

А если интересно?

А если интересно?

Гугл

всем привет, такой вопрос. папка в которой лежит файл index.html а также в ней-же лежат некоторые картинки называется допустим public

Всем привет, подскажите пожалуйста, кто нибудь использовал reactivesearch?

Да, кто-нибудь использовал.

Ага, нужен тот, кто использовал, есть вопрос)

всем привет, такой вопрос. папка в которой лежит файл index.html а также в ней-же лежат некоторые картинки называется допустим public

Это вопрос ?

Ага, нужен тот, кто использовал, есть вопрос)

Думаю, будет более эффективнее сраза задать вопрос :)

Это вопрос ?

Риторический :)

всем привет, такой вопрос. папка в которой лежит файл index.html а также в ней-же лежат некоторые картинки называется допустим public .для того, чтобы запустить через гитхаб свой сайт, гитхаб требует папку docs из которой он собственно возьмет файл html. так вот, переименовала папку public в docs запускаю npm run build и он не находит этот файл index.html

что я делаю не так?

может где-то надо перезаписать путь к этому файлу, вот только где?

В docs есть index.html?

да

может где-то надо перезаписать путь к этому файлу, вот только где?

nom run build это алиас, посмотри в package.json что там вызывается и пляши от этого

может где-то надо перезаписать путь к этому файлу, вот только где?

https://reactgo.com/deploy-react-app-github-pages/

Посмотри тут

Может поможет

https://reactgo.com/deploy-react-app-github-pages/

СПС но пыталась так сделать, не особо вышло

Точнее не пыталась а сделала

Но нихрена не отобразилось ничего

всем привет, такой вопрос. папка в которой лежит файл index.html а также в ней-же лежат некоторые картинки называется допустим public .для того, чтобы запустить через гитхаб свой сайт, гитхаб требует папку docs из которой он собственно возьмет файл html. так вот, переименовала папку public в docs запускаю npm run build и он не находит этот файл index.html

Если у тебя create-react-app, он по команде build берет html из папки public. А у тебя такой уже нет. Сначала запусти npm run build, потом возьми папку build которая создастся и переименуй в докс.

Ну и деплой куда надо

Всем привет

Подскажите в урл картинки как можно значение пропс подставить? <img src="https://i.imgur.com/Hj3DrOT.png" className={s.avatar} alt="" /> интересует не полная замена урл, а только подстановка имени файла

Подскажите в урл картинки как можно значение пропс подставить? <img src="https://i.imgur.com/Hj3DrOT.png" className={s.avatar} alt="" /> интересует не полная замена урл, а только подстановка имени файла

Template string

спасибо

ребят, всем привет. Юзаю material ui для компонентов. Вешаю онклик на медиабаттон, action отрабатывает, но реакт extension бросает

не понимаю. В теле же и вызываю

Или тип, нельзя в {} писать онклик

Mismatching Versions of React and React DOM You might be using a version of react-dom (< 16.8.0) or react-native (< 0.59) that doesn’t yet support Hooks. You can run npm ls react-dom or npm ls react-native in your application folder to check which version you’re using. If you find more than one of them, this might also create problems (more on that below). https://reactjs.org/warnings/invalid-hook-call-warning.html

у меня была такая ошибка из-за того, что одна из либ использовала реакт старой версии, вылезла очень внезапно, решилось webpack alias'es для зависимостей

"react": "^16.8.6", "react-dom": "^16.8.6",

а logout обычная функция/action creator или хук?

а logout обычная функция/action creator или хук?

2

action