title: Why I need to stringify an array of objects, and parse after retrieve it, in React/Redux?
body: <p>I'm not sure if this is the correct way to go, but it's working. I'm not sure either of this is a problem of React/Redux, or just javascript behaviour.</p>
  
  <p>This is my REDUX Actions:</p>
  
  <pre><code>export const getDetectedPersonList = () =&gt; {
    return (dispatch, getState) =&gt; {  
      fetch("http://localhost:8080/detectedPersonsListWS")
            .then(function(response) {
              if (response.status &gt;= 400) {
                throw new Error("Bad response from server");
              }
                return response.json();
              })
              .then(function(detections) { 
  
                var detected = [{"a":1},{"b":2},{"c":3},{"d":4}];
  
                  dispatch({
                    type : GET_DETECTED_PERSON_LIST,
                    payload : JSON.stringify(detected)
                  })
               })     
          }
      }
  </code></pre>
  
  <p>And in REACT's presentational component I have:</p>
  
  <pre><code> componentDidMount() {
    this.props.getDetectedPersonList();
   }  
  
   render() {
      if (typeof this.props.detectedPersonListJson == 'string'){
        console.log(this.props.detectedPersonListJson);
        var json = JSON.parse(this.props.detectedPersonListJson);
        console.log(json); //The array is perfect as created before (detected)
      }  
  </code></pre>
  
  <p>The detected array is obviously mock (in real world I expect a REST response), but ilustrates the question I think, it's not a problem of async action.
  My biggest problem is that I'm validating props, before and I was expecting an array, but cannot send the array directly because I receive: [object object] and is interpreted as string by typeof, but it's not... And I get an error doing JSON.parse(detected), if I haven't done JSON.stringify(detected) before. </p>
  
  <p>Makes any sense? Best practices to follow? Thanks so much.</p>