Надеюсь с вопросом по react router сюда можно. Использую 4ую версию. В приложении все роуты работают правильно. Но если обновить страницу или попробовать зайти на страницу через адресную строку, то пишет cannot get (адрес). Читал, что может помочь серверный рендеринг, но пока с ним не разобрался. Можете дать какие нибудь советы по решению данной проблемы или с серверным рендерингом все заработает?

Надеюсь с вопросом по react router сюда можно. Использую 4ую версию. В приложении все роуты работают правильно. Но если обновить страницу или попробовать зайти на страницу через адресную строку, то пишет cannot get (адрес). Читал, что может помочь серверный рендеринг, но пока с ним не разобрался. Можете дать какие нибудь советы по решению данной проблемы или с серверным рендерингом все заработает?

это надо на сервере же чинить

надо, чтоб он на все запросы отдавал твою мейн страницу

Всем привет, в ответ от сервера в headers получаю ‘Set-Cookie’ , как достать значение?

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

Надеюсь с вопросом по react router сюда можно. Использую 4ую версию. В приложении все роуты работают правильно. Но если обновить страницу или попробовать зайти на страницу через адресную строку, то пишет cannot get (адрес). Читал, что может помочь серверный рендеринг, но пока с ним не разобрался. Можете дать какие нибудь советы по решению данной проблемы или с серверным рендерингом все заработает?

какой сервер?

Node js express

Всем привет, в ответ от сервера в headers получаю ‘Set-Cookie’ , как достать значение?

httpOnly свойство есть?

какой сервер?

думаю речь про настройку nginx

Нет вроде

Нет вроде

так какой в итоге?

Node js express

app.get('*', (r, w) => w.write(indexHTML).end())

Всем привет, в ответ от сервера в headers получаю ‘Set-Cookie’ , как достать значение?

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/getResponseHeader

Я новичок, и немного не понимаю вопрос. Делаю все локально, использую реакт ноду. Вебпак для сборки

ммм. тогда возможно неправильно сконфигурирован вебпак

Если приложу скрин, или ссылку на репу, сможете помочь что не так?

может ты прочитаешь то что я написал?

может ты прочитаешь то что я написал?

Прошу прощения, не заметил. Спасибо вам.

вопрос обычный пример — массив и по клику на ведро удаляю элемент все элементы кроме последне7го удаляются в чем трабла может быть? (при удалении последнего рендер вызывается, почему то, два раза и последний раз с предыдущим стейтом)

вопрос обычный пример — массив и по клику на ведро удаляю элемент все элементы кроме последне7го удаляются в чем трабла может быть? (при удалении последнего рендер вызывается, почему то, два раза и последний раз с предыдущим стейтом)

сделай репродьюс

вопрос обычный пример — массив и по клику на ведро удаляю элемент все элементы кроме последне7го удаляются в чем трабла может быть? (при удалении последнего рендер вызывается, почему то, два раза и последний раз с предыдущим стейтом)

можешь в key={} одинаковые значения?

да в том то и дело, что нет там дичь какая то удаляю последний элемент — рендер с новым стейтом — рендер со старым стейтом

Всем привет! Можно ли как-то перерендерить компонент без использования setState?

Всем привет! Можно ли как-то перерендерить компонент без использования setState?

пропсу сверху передать новую и не блокировать ничем

Всем привет! Можно ли как-то перерендерить компонент без использования setState?

this.forceUpdate

если ничего не менялось, зачем перерендеривать?

да в том то и дело, что нет там дичь какая то удаляю последний элемент — рендер с новым стейтом — рендер со старым стейтом

А Стейт через конструктор ?

состояние без использования state/setState имхо лучше всего при помощи withState из recompose

если ничего не менялось, зачем перерендеривать?

Картинки загружаются асинхронно

Картинки загружаются асинхронно

ты не можешь в src указать путь?

ты не можешь в src указать путь?

Не, путь уже сразу указан, но картинки не отображаются, пока не загрузятся

Нужно перерендерить

эм странно

как это возможно

Нужно перерендерить

она в цсс бэкграунде что ли?

Просто загрузка картинок идет в директорию девайса

Не, путь уже сразу указан, но картинки не отображаются, пока не загрузятся

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

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

Это да, но мне кажется это каким-то костылем, заводить ненужный стейт на это

А Стейт через конструктор ?

все

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

и в нем же была кнопка "добавить"

Ку гайс, как в можно протестит то что lifecycle вызывается action?

sinonjs

Ку гайс, как в можно протестит то что lifecycle вызывается action?

Просто вызови lifecicly а потом через jest toHaveBeenCalledWith({})

еще можно замокать стор библиотекой redux-mock-store, и получать массив совершенных действий

По-хорошему не надо тестировать action, только его вызов с параметрами и всё, а action замокать

jest.mock('../../actions/posts', () => ({ fetchPost: jest.fn(() => ({ type: 'FETCH_POST', })), setVotesAndFlags: jest.fn(() => ({ type: 'SET_VOTES_AND_FLAGS', })), }));

jest.mock('../../actions/posts', () => ({ fetchPost: jest.fn(() => ({ type: 'FETCH_POST', })), setVotesAndFlags: jest.fn(() => ({ type: 'SET_VOTES_AND_FLAGS', })), }));

ну вот я хочу просто протестировать вызывается ли он

Тогда мокаешь action и потом expect(action).toHaveBeenCalledWith({})

еще можно замокать стор библиотекой redux-mock-store, и получать массив совершенных действий

как раз ее и юзаю. вот только не могу понять когда правильно доставать ее. Я сделал mount, после вызвал store.getActions(), но там пустой массив.

Тогда мокаешь action и потом expect(action).toHaveBeenCalledWith({})

попробую, спасибо

как раз ее и юзаю. вот только не могу понять когда правильно доставать ее. Я сделал mount, после вызвал store.getActions(), но там пустой массив.

Зачем вызывать action со стора?

массив наполняется после произошедшего действия, вариант Влада типичнее для модульных тестов и TDD

Зачем вызывать action со стора?

там мок редукс-стора, который логает все действия, которые произошли

массив наполняется после произошедшего действия, вариант Влада типичнее для модульных тестов и TDD

ну да, я ее успешно юзаю для тестов асинхронных action. Там все ок работает. Но я думад, что если замаунтить компоннент, то она словит все actions которые в нем произашли.

так обернуть в провайдер надо с замоканым стором весь тестируемый компонент...

так обернуть в провайдер надо с замоканым стором весь тестируемый компонент...

Так и сделал

так обернуть в провайдер надо с замоканым стором весь тестируемый компонент...

Зачем?

const store = mockStore({}) <Component store={store}>

ERROR: S client not available

Сделай прост shallow lifecycles можно проверять так wrapper.instance().componentDidMount();

Это модульные тесты ж, уже в интегарционных имеет смысл

спс

expect(wrapper.instance().componentDidMount()).toHaveBeenCalledTimes(1)

Jest + enzyme обычно хватает для Unit тестов

Хотя глупо, нету смысл тестировать тебе функции реакта

В твоём случаи ты покрыл тестов ifecycle реакта, что не имеет смысл, это уже реакт покрывает тестами componentDidMount

Jest + enzyme обычно хватает для Unit тестов

первый раз занимаюсь этим, с доков поняд, что тестировать лайфсайклы можно только при маунте. Что-т не так понял.

спс

вообще да, это же тестирование апи реакта

Проверять есть смысл вызов функций в componentDidMount с верными параметрами

expect.assertions(2); expect(func).toHaveBeenCalledTimes(0); wrapper.instance().componentDidMount(); expect(func).toHaveBeenCalledTimes(0);

Пример

Ку гайс, как в можно протестит то что lifecycle вызывается action?

можно просто посмотреть toHaveBeenCalled и все. А сам action уже тестировать юнит тестом, и как сказали выше, если важно какие аргументы были - toHaveBeenCalledWith

Привет. onChange не отрабатывает, если я выделяю строку и удаляю ее с помощью backspace. Такое действие как отлавливать удобно? Спасибо

Привет. onChange не отрабатывает, если я выделяю строку и удаляю ее с помощью backspace. Такое действие как отлавливать удобно? Спасибо

keycode

keycode

т.е мне еще нужно пвоесить где-то обработчик, чтобы отлавливать нажатие клавиши?)

т.е мне еще нужно пвоесить где-то обработчик, чтобы отлавливать нажатие клавиши?)

keydown

т.е если я постепенно буду нажимать backspace то ок вызовет хэндлер, но если я выделяю сразу строку и нажимаю backspace то не отрабатывает хэндлер

на инпут

на инпут

ок ща гляну

на инпут вешаешь keydown и там из таргета достаешь keycode

точнее из евента

и бекспейс это 7 или 8

вроде

т.е если я постепенно буду нажимать backspace то ок вызовет хэндлер, но если я выделяю сразу строку и нажимаю backspace то не отрабатывает хэндлер

ты на обычный инпут вешаешь или из либы? и какая версия реакта? и какой браузер

ты на обычный инпут вешаешь или из либы? и какая версия реакта? и какой браузер

16.3 реакт, reactstrap Input компонент, хром браузер п.с в мозиле так же, но он хотя бы подкрашивает инпут ? т.е как мне и нужно(how?)

16.3 реакт, reactstrap Input компонент, хром браузер п.с в мозиле так же, но он хотя бы подкрашивает инпут ? т.е как мне и нужно(how?)

а если нативный инпут заюзать?