React-redux, передающий значение URL для поиска в формате gif

Question

Я создал это приложение реагирования https://ssayanm.github.io/giphy-redux/, использовал избыточность, теперь я хочу изменить gif результата в зависимости от поля поиска, в настоящее время я не могу передать значение в строку запроса через API.

Я добавил регистратор, я вижу, что полезная нагрузка показывает входное значение «Поле поиска», но как передать это значение.

Github repo: https://github.com/ssayanm/giphy-redux

Спасибо

Answer 1

Вам необходимо обновить функцию setSearchField:

export const setSearchField = text => dispatch => {
  dispatch({ type: REQUEST_GIFS_PENDING });
  fetch(API_URL + text + API_KEY + LIMIT)
    .then(response => response.json())
    .then(items =>
      dispatch({ type: REQUEST_GIFS_SUCCESS, payload: items.data })
    )
    //.fetch(API_URL + dispatch. + API_KEY + LIMIT)
    .catch(error => dispatch({ type: REQUEST_GIFS_FAILED, payload: error }));
};

См. Пример в реальном времени: