Вопросы с тегом «redux»

158
Неизменно удалить свойство объекта

Я использую Redux. В моем редукторе я пытаюсь удалить свойство из такого объекта: const state = { a: '1', b: '2', c: { x: '42', y: '43' }, } И я хочу иметь что-то подобное, не изменяя исходное состояние: const newState = { a: '1', b: '2', c: { x: '42', }, } Я старался: let newState =...

156
Проследите, почему компонент React выполняет рендеринг

Существует ли системный подход к отладке того, что вызывает повторную визуализацию компонента в React? Я поместил простой console.log (), чтобы увидеть, сколько раз он рендерится, но у меня возникают проблемы с выяснением того, что вызывает рендеринг компонента несколько раз, т.е. (4 раза) в моем...

147
Неизменяемое нарушение: не удалось найти «store» ни в контексте, ни в свойствах «Connect (SportsDatabase)».

Полный код здесь: https://gist.github.com/js08/0ec3d70dfda76d7e9fb4 Здравствуй, У меня есть приложение, в котором показаны разные шаблоны для настольных и мобильных устройств в зависимости от среды сборки. Я успешно могу разработать его там, где мне нужно скрыть меню навигации для моего мобильного...

136
Метод жизненного цикла ReactJS внутри компонента функции

Вместо того, чтобы писать свои компоненты внутри класса, я хотел бы использовать синтаксис функции. Как переопределить componentDidMount, componentWillMountвнутри компонентов функции? Это вообще возможно? const grid = (props) => { console.log(props); let {skuRules} = props; const...

133
Зачем использовать Redux-Observable поверх Redux-Saga?

Я использовал Redux-Saga . Код, написанный с его помощью, до сих пор легко рассуждать, за исключением того, что функция генератора JS время от времени ломает мне голову. Насколько я понимаю, Redux-Observable может выполнить аналогичную работу, которая обрабатывает побочные эффекты, но без...

131
Прикрепите заголовок авторизации для всех запросов axios

У меня есть приложение response / redux, которое получает токен с сервера api. После аутентификации пользователя я хотел бы, чтобы все запросы Axios содержали этот токен в качестве заголовка авторизации без необходимости вручную прикреплять его к каждому запросу в действии. Я новичок в реакции /...

128
React + Redux - Как лучше всего обрабатывать CRUD в компоненте формы?

У меня есть одна форма, которая используется для создания, чтения, обновления и удаления. Я создал 3 компонента одинаковой формы, но передаю им разные свойства. У меня есть CreateForm.js, ViewForm.js (только для чтения с кнопкой удаления) и UpdateForm.js. Раньше я работал с PHP, поэтому всегда...

125
'dispatch' не является функцией, когда аргумент mapToDispatchToProps () в Redux

Я новичок в javascript / redux / react, создаю небольшое приложение с redux, react-redux и react. По какой-то причине при использовании функции mapDispatchToProps в тандеме с connect (привязка response-redux) я получаю TypeError, указывающий, что отправка не является функцией, когда я пытаюсь...

123
Axios получает URL-адрес, но со вторым параметром в качестве объекта он не работает

Я пытаюсь отправить запрос GET в качестве второго параметра, но он не работает, пока работает как URL. Это работает, $ _GET ['naam'] возвращает тест: export function saveScore(naam, score) { return function (dispatch) { axios.get('http://****.nl/****/gebruikerOpslaan.php?naam=test')...

121
прокрутка response-router вверх при каждом переходе

У меня проблема при переходе на другую страницу, ее положение останется таким же, как и на предыдущей странице. Таким образом, он не будет автоматически прокручиваться вверх. Я также пробовал использовать window.scrollTo(0, 0)на onChangeроутере. Я тоже scrollBehaviorисправлял эту проблему, но это...

119
React / Redux и многоязычные (интернационализация) приложения - Архитектура

Я создаю приложение, которое должно быть доступно на нескольких языках и в разных регионах. Мой вопрос не чисто технический, а скорее об архитектуре и шаблонах, которые люди фактически используют в производстве для решения этой проблемы. Я нигде не нашел для этого никакой "кулинарной книги",...

118
Что такое {this.props.children} и когда его следует использовать?

Будучи новичком в мире React, я хочу глубоко понять, что происходит, когда я использую, {this.props.children}и в каких ситуациях можно использовать то же самое. Насколько это актуально в приведенном ниже фрагменте кода? render() { if (this.props.appLoaded) { return ( <div> <Header...

118
Это правильный способ удалить элемент с помощью redux?

Я знаю, что я не должен изменять ввод и должен клонировать объект, чтобы изменить его. Я следовал соглашению, используемому в стартовом проекте redux, который использовал: ADD_ITEM: (state, action) => ({ ...state, items: [...state.items, action.payload.value], lastUpdated: action.payload.date })...

118
React-Router Внешняя ссылка

Поскольку я использую response-router для обработки моих маршрутов в приложении реагирования, мне любопытно, есть ли способ перенаправления на внешний ресурс. Скажите, что кто-то ударил: example.com/privacy-policy Я хочу перенаправить его на:...

113
Redux и RxJS, есть ли сходства?

Я знаю, что Redux - лучшая «реализация» Flux, или, точнее говоря, это редизайн для упрощения вещей (управление состоянием приложения). Я много слышал о реактивном программировании (RxJS), но еще не погрузился в его изучение. Итак, мой вопрос: есть ли пересечение (что-то общее) между этими двумя...

107
Как получить простую рассылку из this.props с помощью connect w / Redux?

У меня есть простой компонент React, который я подключаю (отображая простой массив / состояние). Чтобы не ссылаться на контекст для магазина, я хотел бы иметь способ получать "отправку" непосредственно из props. Я видел, как другие использовали этот подход, но по какой-то причине не имели к нему...