Как использовать redux-сагу с redux и react-redux

Question

Я пытаюсь понять, как работает сокращение-сага, реализуя простой пример (кнопка, которая при нажатии выбирает пользователя из API, а затем редуктор добавляет этого пользователя в магазин) с реакцией, сокращением и реакцией-редукцией.

Вот моя сага (с console.logs для отладки):

import { take, call, put } from 'redux-saga/effects'; 

import { GET_USER, setUser } from './actions/actionCreators'; 

export default function * watchFetchUser() { 
    console.log('Inside saga'); 
    yield take(GET_USER); 
    console.log('Received click'); 
    const URL = 'http://uinames.com/api/?ext'; 
    const user = yield call(fetch, URL); 
    const userToJson = yield user.json(); 
    yield put(setUser(userToJson)) 
} 

К сожалению, когда я нажмите кнопку "Получить пользователя" ничего не происходит:

import React, { PropTypes } from 'react'; 
import CSSModules from 'react-css-modules'; 

import styles from './Button.css'; 

const Button = ({ getUser }) => { 
    function handleClick() { 
    getUser 
    console.log('Clicked'); 
    } 

    return (
    <button 
     type='text' 
     styleName='button' 
     onClick={handleClick} 
    >Get User</button> 
) 
} 


Button.propTypes = { 
    getUser: PropTypes.func 
} 

export default CSSModules(Button, styles, { allowMultiple: true }); 

Здесь весь репозиторий link to repo on GitHub

Answer 1

Ваша проблема не имеет отношения к саге. В вашем коде отсутствует «клей» между редуксом и реагировать в форме mapStateToProps и mapDispatchToProps. Обратите внимание, что в App.js вы используете компонент Button без реквизита, который требуется для запуска действия GET_USER. Пожалуйста, взгляните на эту страницу redux documentation.