title: send get request with id in redux saga
body: <p>I have some list on the first page and I want to by click set Request to get single items by redux-saga but it's run before click and return undefined and not show the response of the first request of list. I want to pass some slug to the end of the request and return details of the item. </p>
  
  <p>Cards.js</p>
  
  <pre><code>    SetSlugItems(Items){
     this.props.onFetchArticle(Items.slug)
  }
  render(){
      console.log('this.props.articles.articles',this.props.articles.articles)
      return (
              &lt;ContainerContent&gt;
                  &lt;ContentHolder&gt;
                      &lt;CardHolderStyled &gt;
          {this.props.articles.articles&amp;&amp;this.props.articles.articles.map((Items,index)=&gt;{
                              return(
                                  &lt;Link  to={{ pathname: '/singleArticle', state: { index:index} }}  &gt;
                                      &lt;CardItemStyled key={index} onClick={()=&gt;this.SetSlugItems(Items)} &gt;
  
                                      &lt;/CardItemStyled&gt;
                                  &lt;/Link&gt;
                              )})}
                      &lt;/CardHolderStyled&gt;
                      &lt;SideBar/&gt;
                  &lt;/ContentHolder&gt;
              &lt;/ContainerContent&gt;
          );}}
  </code></pre>
  
  <p>Action.js</p>
  
  <pre><code> function fetchArticleAction (slug) {
      return {
          type: GET_SINGLE_ARTICLE,
          slug
      };
  }
  function getArticleSuccessSingle (receiveArticleSingle) {
      return {
          type: GET_SINGLE_ARTICLE_SUCCESS,
          receiveArticleSingle
      };
  }
  function getArticleFailureSingle () {
      return {
          type: GET_SINGLE_ARTICLE_FAILURE
      };
  }
  </code></pre>
  
  <p>Saga.js</p>
  
  <pre><code>function* getArticleSingle (action) {
      try {
          const receiveArticleSingle = yield call[fetchArticleSingle(action.slug)] ;
          yield put(getArticleSuccessSingle(receiveArticleSingle));
      } catch (err) {
          yield put(getArticleFailureSingle());
      }
  }
  const fetchArticleSingle = (slug) =&gt; {
      return fetch('http://localhost:3000/api/articles/'+slug, {
         method:'GET',
          headers:{
              'Content-Type': 'application/json',
              'X-Requested-With':'XMLHttpRequest',
          }
      })
          .then(response =&gt; response.json())
  };
  function* watchGetArticle () {
      yield takeEvery(GET_ARTICLE, getArticle);
      yield takeEvery(GET_SINGLE_ARTICLE, getArticleSingle);
  }
  </code></pre>
  
  <p>and Reducer.js</p>
  
  <pre><code>import {
      GET_SINGLE_ARTICLE_SUCCESS,
      GET_SINGLE_ARTICLE_FAILURE
  } from '../constants';
  const initialStateSingle = [];
  const SingleArticleReducer = (stateSlug = initialStateSingle, action={}) =&gt; {
      switch (action.type) {
          case GET_SINGLE_ARTICLE_SUCCESS:
              return  action.receiveArticleSingle;
          case  GET_SINGLE_ARTICLE_FAILURE:
              return [];
          default:
              return stateSlug;
  
      }
  };
  
  export default SingleArticleReducer
  </code></pre>