Пишу кастомный radio инпут и тут возникли проблемы При клике на один инпут у меня вызывается два раз onClick, потом почему-то Icon меняться странно Подскажите в чём может быть проблема (

Потому что сначала всплывёт клик на лейбл потом на инпуте

Хмм, т.е нужно повесить на инпут onChange :

?

event preventDefault

event stopPropagation Посмотрите

Хмм, т.е нужно повесить на инпут onChange :

Да

event stopPropagation Посмотрите

Нет

Не нужна никакая либа в итоге, можно так: const error = new Error('Test error'); error.response = { status: 403, }; mockAxios.get.mockResolvedValue(Promise.reject(error));

Да

Блин, ещё одна проблема, у меня иконки у инпутов две, одна с галкой, другая без, ну типичные картинки для таких инпутов, и внутри компонента ребёнка делаю проверку, если нажато поле, то верни иконку с галкой, если нет, то пустую, если я нажимаю на первую строчку, то загараются сразу дву иконки, если на вторую, то иконка с пустым полем

Всем привет, недавно начал изучать реакт, у меня есть сырой интернет магазин на node js, mongo, react, как натянуть сверстанный шаблон на приложение? есть ли faq или инструкции? Помогите советом

какая лучшая либра для реакта и ssr?

Да

Это если только на нем работать будет. А если по контейнеру нужно

Это если только на нем работать будет. А если по контейнеру нужно

Не, и так работает

Есть у кого ссыль на пример кастомных radio input Никак доделать немогу, опыта не хватает )

хочу получить координату клика на родителе. вот такую функцию вызываю на onClick. результат оказывается меньше, чем есть по реальным размерам. что я делаю не так? const getX = event => { const rect = event.target.getBoundingClientRect(); return event.pageX - rect.left; };

Ты хочешь в пределах родителя или окна?

Привет, ребята, я новичок в React. Можете ли вы предложить мне путь, например, какие дополнительные фреймворки изучить с его помощью, чтобы можно было создать что-то вроде приложения для электронной коммерции?

Привет, ребята, я новичок в React. Можете ли вы предложить мне путь, например, какие дополнительные фреймворки изучить с его помощью, чтобы можно было создать что-то вроде приложения для электронной коммерции?

бекенд изучай

Привет, ребята, я новичок в React. Можете ли вы предложить мне путь, например, какие дополнительные фреймворки изучить с его помощью, чтобы можно было создать что-то вроде приложения для электронной коммерции?

Советую JavaScript

Советую JavaScript

Не слышал о таком фреймворке😄

Всем привет я установил uploadcare/react-widjet на webpack-dev-server работает! запускаю express+webpack(middleware) не работает! Что это может быть?

Привет, ребята, я новичок в React. Можете ли вы предложить мне путь, например, какие дополнительные фреймворки изучить с его помощью, чтобы можно было создать что-то вроде приложения для электронной коммерции?

Законченный продукт конечно без бекэнда трудно сделать. Вот курс по рестфулу хороший. Должно хватить. https://www.youtube.com/watch?v=0oXYLzuucwE&list=PL55RiY5tL51q4D-B63KBnygU6opNPFk_q

Всем привет, есть кто юзал эту библиотеку https://www.ag-grid.com ???

Всем привет, есть кто юзал эту библиотеку https://www.ag-grid.com ???

я

я

Можно ли менять иерархию строк по евенту ? Допустим у меня есть несколько строк и я хочу по Табу что бы текущая строка становилась дочерней строкой а верхняя строка становилась родительской ? https://www.ag-grid.com/javascript-grid-tree-data/

Можно ли менять иерархию строк по евенту ? Допустим у меня есть несколько строк и я хочу по Табу что бы текущая строка становилась дочерней строкой а верхняя строка становилась родительской ? https://www.ag-grid.com/javascript-grid-tree-data/

Вроде просто это "rowData = [" по эвенту переписать нужно и все. Нет?

Всмысле массив переформатировать.

Есть вот такая корзина, это класс, как сделать чтоб изначально он в дом не отрисовывался , а вызвался по клику и так же удалялся по клику?

Подскажите хотя бы документацию годную)

@wag1twat Повесь обработку по клику и меняй в стейте показывать или нет, https://www.golangprograms.com/reactjs-show-hide-component-on-click.html как то так.

А если кнопка вне этого класса?

Redux в сторе храни

Redux в сторе храни

Спаси и сохрани

А вообще если это корзина не лучше ли сделать её на отдельном роуте? Например /cart

Не шарю пока за роуты)

https://reacttraining.com/react-router/web/guides/quick-start Посмотри на это, оч полезная штука.

@im_the_bot А что не так? Или в локальном стейте или в сторе redux, я вижу человек учится пусть пробует по разному.

В редаксе я храню стейт отдельного компонента корзины пока что) с событиями пока не прошарил

может тут мне кто-то подскажет, кто структурирует данные по принципу графов и что это нам в итоге дает?

может тут мне кто-то подскажет, кто структурирует данные по принципу графов и что это нам в итоге дает?

@effector_ru

@effector_ru

о чем группа?

о чем группа?

О стейт менеджере на графах

О стейт менеджере на графах

а стейт менеджмент тут причем?)

а стейт менеджмент тут причем?)

Данные в стейте хранятся

Данные в стейте хранятся

так для этого и придуман редакс собсетвенно

ладно, понял, ок

@im_the_bot А что не так? Или в локальном стейте или в сторе redux, я вижу человек учится пусть пробует по разному.

Все так, я не больше него знаю)

Хочу переменную из state заполнить false, но почему-то не получается, где я наложал ?

Подскажите пожалуйста, на фронте реакт, на бэке джанго. Поставили ssl. Но при axios запросе на django rest выдаёт ошибку mixed content. Как исправить это?

Подскажите пожалуйста, на фронте реакт, на бэке джанго. Поставили ssl. Но при axios запросе на django rest выдаёт ошибку mixed content. Как исправить это?

Делать запросы только по https

Всем привет. Ребят, подскажите пожалуйста. Как в этом моменте https://pastebin.com/Zh4hrer7 сделать, чтобы вывелась ссылка?

Всем привет. Ребят, подскажите пожалуйста. Как в этом моменте https://pastebin.com/Zh4hrer7 сделать, чтобы вывелась ссылка?

innerHtml? Что связывает вопрос с реакт каналом?

innerHtml? Что связывает вопрос с реакт каналом?

да это в ректе. А как можно сделать иначе?

да это в ректе. А как можно сделать иначе?

для начала - пример не в блокноте, а в codesandbox каком-нибудь, чтобы можно было понять проблему.

да это в ректе. А как можно сделать иначе?

Никак, этот код неисправим.

для начала - пример не в блокноте, а в codesandbox каком-нибудь, чтобы можно было понять проблему.

https://codesandbox.io/embed/rough-cdn-xob57

Никак, этот код неисправим.

а перерендерить как-то нельзя?

а перерендерить как-то нельзя?

Стереть и переписать

Стереть и переписать

Спасибо

Евгений, код в codesandbox не запускается

Евгений, код в codesandbox не запускается

Хорошо. Сам разберусь)) Спасибо)

Хочу переменную из state заполнить false, но почему-то не получается, где я наложал ?

Если я правильно тебя понял. Array(arr.length).fill(false)

Хочу переменную из state заполнить false, но почему-то не получается, где я наложал ?

Array.from({ length: 10 }).fill(false)

Если я правильно тебя понял. Array(arr.length).fill(false)

так тоже работает, не знал (единственное что, если захотим сделать .map, Array(n).map не отработает)

ребят здраствуйте,делаю приложение с другом для нас бек на пхп фронт на реакт юзаем етот стартовий шаблон https://github.com/spatie/laravel-server-side-rendering-examples ,на вид очень крутой подскажите пожалуйста,как и куда мне прописивать мету(тайтл,дескрипшн и т.д)

ребят здраствуйте,делаю приложение с другом для нас бек на пхп фронт на реакт юзаем етот стартовий шаблон https://github.com/spatie/laravel-server-side-rendering-examples ,на вид очень крутой подскажите пожалуйста,как и куда мне прописивать мету(тайтл,дескрипшн и т.д)

в смысле куда прописывать? в head?

в смысле куда прописывать? в head?

не , я в том смисле что у меня фронт на реакте,и мне ведь нужно под каждую страничку видавать отдельную мету

не , я в том смисле что у меня фронт на реакте,и мне ведь нужно под каждую страничку видавать отдельную мету

https://github.com/nfl/react-helmet ? 🤔

https://github.com/nfl/react-helmet ? 🤔

спасибо,вроде то что нжно

Доброе утро. помогите понять, что тут написано в этом куске кода:

const ImgUpload = ({ onChange, src }) => React.createElement("label", { htmlFor: "photo-upload", className: "custom-file-upload fas" }, React.createElement("div", { className: "img-wrap img-upload" }, React.createElement("img", { for: "photo-upload", src: src })), React.createElement("input", { id: "photo-upload", type: "file", onChange: onChange }));

Или где прочесть об этом

Или где прочесть об этом

https://ru.reactjs.org/docs/react-api.html#createelement

React без jsx... Прям пропустил. Спасибо.

Всем привет ! Ребят подскажите пожалуйста. Можно как-то "налету " рендерить компоненты?

В цикле в событии добавляю в ul элементы с ссылками - Link to=... Но Link как объект добавляется

Что бы компонент Link как ссылка был <a href=...

[object Object]

https://pastebin.com/Zh4hrer7

Премного благодарен