redux-sagaとreduxとreact-reduxの使い方

Question

redux-sagaの仕組みを理解しようとしています。単純な例を実装しています（APIからユーザーをフェッチし、店舗）を反応させ、還元し、反応させる。

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 }); 

ここ

全体レポ：たまたま私は、 "ユーザーを取得" ボタンは何もクリックしない残念ながら

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)) 
} 

：ここ

は、（デバッグのためconsole.logsと）私のサガです link to repo on GitHub

Answer 1

あなたの問題は、サガとは関係ありません。あなたのコードには、reduxとreactの間の「接着剤」がありません。mapStateToPropsとmapDispatchToPropsという形で反応します。 App.jsでは、GET_USERアクションをトリガするために必要な小道具なしでButtonコンポーネントを使用していることに注意してください。このredux documentationページをご覧ください。