Size: a a a

React — русскоговорящее сообщество

2021 January 12

СШ

Сергей Шашко... in React — русскоговорящее сообщество
источник

И

Иван in React — русскоговорящее сообщество
Cold Seattle
В том, что я не могу понять, как с реакт компонента по клику вызвать пост запрос с данными которые ввел юзер, как мне передать их в этот воркер, чтобы вызвать запрос и положить их в аргументы функций вызвав их через call...
диспатчишь обычный экшон с данными из компонента ( dispatch({ type: 'kek’, payload: data }) )

в саге-вотчере подписываешься на тип этого экшона, на каждый диспатч запускаешь воркер ( yield takeEvery('kek’, worker) )

в саге-воркере получаешь экшон в качестве параметра и делаешь что хочешь

function* worker(action) {
 console.log(action.type) // 'kek'
}
источник
2021 January 13

KB

Kirill Barsukov in React — русскоговорящее сообщество
Victor Rusakovich
Cypress это браузерные тесты, т.н. E2E. Для проверки работы всего приложения в целом.  Jest - это unit тесты компонентов в изоляции.
Спасибо!
источник

VP

Viktor Poliushko in React — русскоговорящее сообщество
Привет. У меня есть компонент в который приходит url картинки, но перед тем как вставлять его в src я должен проверить рабочий ли url. Eсли нет я должен поменять в css бекграунд картинки на дефолтное значение. Есть идеи?
источник

VP

Viktor Poliushko in React — русскоговорящее сообщество
я думал сделать в state hasImage и if(url == '') setHasImage(false)
а потом<img className={hasImage ? "with-image" : "no-image"} > а к этим классам делать css
Но такая проверка не канает на битые ссылки
источник

И

Иван in React — русскоговорящее сообщество
Viktor Poliushko
Привет. У меня есть компонент в который приходит url картинки, но перед тем как вставлять его в src я должен проверить рабочий ли url. Eсли нет я должен поменять в css бекграунд картинки на дефолтное значение. Есть идеи?
погугли “react img onerror”, там много всякого уже написано
источник

E

Evghenii in React — русскоговорящее сообщество
рендери картинку как есть, повесь на img onError, если фейлится, то рендери нужную заглушку
источник

VP

Viktor Poliushko in React — русскоговорящее сообщество
Evghenii
рендери картинку как есть, повесь на img onError, если фейлится, то рендери нужную заглушку
нужно менять css
источник

VP

Viktor Poliushko in React — русскоговорящее сообщество
Иван
погугли “react img onerror”, там много всякого уже написано
спасибо но нужно своими ручками
источник

И

Иван in React — русскоговорящее сообщество
Viktor Poliushko
спасибо но нужно своими ручками
ну ты своими глазками почитай, что на stackoverflow пишут, потом ручками скопипасть. или своё напиши
источник

VP

Viktor Poliushko in React — русскоговорящее сообщество
Иван
ну ты своими глазками почитай, что на stackoverflow пишут, потом ручками скопипасть. или своё напиши
тю я думал это уже готовое решение, спасибо)
источник

VP

Viktor Poliushko in React — русскоговорящее сообщество
ну в ваших интернетах все равно вся идея с заменой картинки а не css
источник

И

Иван in React — русскоговорящее сообщество
Viktor Poliushko
ну в ваших интернетах все равно вся идея с заменой картинки а не css
ну ты вместо замены картинки поменяй стейт. в зависимости от стейта меняй класснейм
источник

A

Andrey in React — русскоговорящее сообщество
@gorbunov_i  привет, подскажи пожалуйста , что бы почитал и ознакомился. У меня есть форма которую я отправляю на бд . Потом я ее возвращаю , рендерю и вывожу на странице но уже другой и в другую форму вывожу value в  input .
Теперь я хочу подправить текст - и снова отправить на БД .
Подскажи и направь в правильному пути пожалуйста
источник

е

его имя роберт полсо... in React — русскоговорящее сообщество
Viktor Poliushko
Привет. У меня есть компонент в который приходит url картинки, но перед тем как вставлять его в src я должен проверить рабочий ли url. Eсли нет я должен поменять в css бекграунд картинки на дефолтное значение. Есть идеи?
Ну так зачем менять, если можно по дефолту поставить в background заглушку 🤔
источник

VP

Viktor Poliushko in React — русскоговорящее сообщество
его имя роберт полсон
Ну так зачем менять, если можно по дефолту поставить в background заглушку 🤔
дошло
источник

И

Иван in React — русскоговорящее сообщество
Andrey
@gorbunov_i  привет, подскажи пожалуйста , что бы почитал и ознакомился. У меня есть форма которую я отправляю на бд . Потом я ее возвращаю , рендерю и вывожу на странице но уже другой и в другую форму вывожу value в  input .
Теперь я хочу подправить текст - и снова отправить на БД .
Подскажи и направь в правильному пути пожалуйста
а вопрос в чём?
источник

A

Andrey in React — русскоговорящее сообщество
Иван
а вопрос в чём?
У меня есть 3и страницы,
1. с добавление
2. с редактирование
3. с выводом товара к примеру

Так вот на странице 2й я вывожу данные с БД , рендерю получаю в инпутах value с БД  - а вот данные которые получаю с БД в input не могу редактировать .
источник

И

Иван in React — русскоговорящее сообщество
Andrey
У меня есть 3и страницы,
1. с добавление
2. с редактирование
3. с выводом товара к примеру

Так вот на странице 2й я вывожу данные с БД , рендерю получаю в инпутах value с БД  - а вот данные которые получаю с БД в input не могу редактировать .
почему не можешь?
источник

F

FixFive in React — русскоговорящее сообщество
Andrey
У меня есть 3и страницы,
1. с добавление
2. с редактирование
3. с выводом товара к примеру

Так вот на странице 2й я вывожу данные с БД , рендерю получаю в инпутах value с БД  - а вот данные которые получаю с БД в input не могу редактировать .
Если я правильно понял(надеюсь), то у тебя задан value для input , в таком случае, чтобы при вводе значение input менялось, нужно повесить onchange обработчик, а как это сделать, уже Гугл поможет
источник