чет ботик перестал работать

народ, не подскажите как в реакте можно организовать добавление кастомных тегов, по типу обычного js var wrap = document.getElementById('wrap'); wrap.innerHTML = '<div>hello</div>';

смотрел на оф сайте доку https://reactjs.org/docs/dom-elements.html , но что-то ничего не понял.

<div dangerouslySetInnerHTML={{__html: '<div>aaa</div>'}} />

<div dangerouslySetInnerHTML={{__html: '<div>aaa</div>'}} />

спасибо. не подскажете, по onclick будет работать?

Что именно будет работать?

Что именно будет работать?

<div dangerouslySetInnerHTML={{__html: '<div>aaa</div>'}} />

в __html можно передать переменную и изменять ее при клике

если я правильно понял

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

Да, будет работать

Парни как сбросить чекбоксы правильно?

есть кнопка сбросить при нажатии на нее говорю что checkedItems это пустой массив

они не сбрасываются все равно почему?

если что вот стакблитц по вопросу https://stackblitz.com/edit/react-do9cd4?file=components%2FRadioPicker%2Findex.js

убрать defaultChecked и управлять на onChange и checked

они не сбрасываются все равно почему?

*default это свойство работает только один раз: первый раз

понял. спасибо. убрал defaultChecked поставил всем chtcked просто и они теперь вообще не выделются. хотя по сути идет ведь в рендере проверка что если в массиве есть значение то выделять

opt.val — opt.value

понял. спасибо. убрал defaultChecked поставил всем chtcked просто и они теперь вообще не выделются. хотя по сути идет ведь в рендере проверка что если в массиве есть значение то выделять

Так блин

onChange

на onChange ловишь событие и меняешь стейт

мне нужно onChange именно на инпут получается повесить

Бывают тернарки без else?

Бывают тернарки без else?

это не тернарка

Бывают тернарки без else?

a && b

Бывают тернарки без else?

Нет. Boolean(cond) && then

Окей, пасиба)

a && b

Опасные вещи советуешь.

Опасные вещи советуешь.

м?

м?

?number

?number

ну це да

ахаха

!!a && b

но это так

Стоп

Я идиот

вообще нужно проверки писать))

Продолжайте

a == 1 && then

и всё будет отлично

Фе.

Линтером тебе по сусалам.

за меня линтер исправляет

a == 1 && then

вообще мне линтер не позволяет делать такое)))

А я о чем))

if (a === 1) { then() }

так требует

Что годное есть для тестирование реакт приложений?

Всем привет! Такой вопрос... Можно ли узнать о текущем статусе ajax запроса саги из другой саги?

так требует

А шо за линтер?

А шо за линтер?

npmjs.com/@atomix/eslint-config-react

А, пробелы... Спасибо.

пробелы это тру

if (a === 1) { then() }

Через do можно же

Всем привет! Такой вопрос... Можно ли узнать о текущем статусе ajax запроса саги из другой саги?

смотри select в документации

Через do можно же

?

В присваивании

Делать if

@sergeysova у меня там ошибка была в проверке на checked item. передавал val а не value

А вот switch нельзя ?

Что за do?

Через do можно же

которого ещё нет

do expressions

Ну будет же

Не факт.

не факт ж

Ой бля он только stage 1

Ладно

я думал чет что он уже в драфте

Фича не может быть в драфте, если нет реализации в браузерах.

смотри select в документации

Спасибо!?

Слушайте, а можно как-нибудь caniuse настроить, чтобы он только интересующие тебя бюраузеры выводил?

Webpack 1. Открываю сайт в DEV режиме, то картинка есть. 2. Открываю index.html, после yarn build, то картинка есть. 3. Открываю сайт через сервер express, то ее там нет. Почему он ее ищет по адресу http://localhost:5000/1c47f1df182d9957ad46a5ee1f54dd14.png а она физически лежит по адресу http://localhost:5000/build/1c47f1df182d9957ad46a5ee1f54dd14.png Как я понял моя ошибка в конфиге webpack https://github.com/gHashTag/react_webpack_starter/blob/a771caff27fcd2feeb1a5bcb08cb7f570c02bf67/webpack.config.js#L49 или в настройках сервера https://github.com/gHashTag/react_webpack_starter/blob/a771caff27fcd2feeb1a5bcb08cb7f570c02bf67/server/index.js#L10 Пробывал с publicPath, но не помогло. Где ошибаюсь?

Слушайте, а можно как-нибудь caniuse настроить, чтобы он только интересующие тебя бюраузеры выводил?

там кнопка есть, settings написано

В данном случае какой смысл вызовы api GET, POST, ... оборачивать в async, если они и так уже асинхронные и возвращают промис? export const getUsers = () => GET('snmp/users') будет тоже самое Вот если бы в getUsers нужно было бы дождаться результата и что то сделать .

именно поэтому в новом коде этого уже нет

я там ниже писал по этому поводу, что легаси код прошлого года

Webpack 1. Открываю сайт в DEV режиме, то картинка есть. 2. Открываю index.html, после yarn build, то картинка есть. 3. Открываю сайт через сервер express, то ее там нет. Почему он ее ищет по адресу http://localhost:5000/1c47f1df182d9957ad46a5ee1f54dd14.png а она физически лежит по адресу http://localhost:5000/build/1c47f1df182d9957ad46a5ee1f54dd14.png Как я понял моя ошибка в конфиге webpack https://github.com/gHashTag/react_webpack_starter/blob/a771caff27fcd2feeb1a5bcb08cb7f570c02bf67/webpack.config.js#L49 или в настройках сервера https://github.com/gHashTag/react_webpack_starter/blob/a771caff27fcd2feeb1a5bcb08cb7f570c02bf67/server/index.js#L10 Пробывал с publicPath, но не помогло. Где ошибаюсь?

кстати, занятная строчка path: path.join(__dirname, './build'),

когда ты делаешь path.join у тебя объединяются два пути __dirname + './build'

вот эта точка там конечно явно лишняя

Ребят, кто-то сталкивался с проблемой, что getDerivedStateFromProps влияет на проброшенные пропсы? Суть в том, что после того, как этот метод получает новые пропсы - ни рендер, ни scu этих пропсов не видит. Такое ощущение, что он блокирует пропсы при вызове, из-за чего рендер идет с задержкой.

Ребят, кто-то сталкивался с проблемой, что getDerivedStateFromProps влияет на проброшенные пропсы? Суть в том, что после того, как этот метод получает новые пропсы - ни рендер, ни scu этих пропсов не видит. Такое ощущение, что он блокирует пропсы при вызове, из-за чего рендер идет с задержкой.

а в return этого метода что ?

static getDerivedStateFromProps(nextProps, prevState) { if (prevState.isMatchesLoaded === null) { const { matches, sportId } = nextProps if (matches) { if (matches.length === 1) { const { id } = matches[0].matchInfo return { isMatchesLoaded: true, matchesShow: { [id]: { order: 0, sportId } }, } } return { isMatchesLoaded: true, matchesShow: {} } } } return null }

т.е. если ты делаешь новый стейт внутри этого метода на основании пришедших пропсов (не меняя сами nextProps), то должен вернуть этот новый стейт

ну, если матч не загружен, то я не формирую новый сейт, а возвращаю null