title: Unable to use ref to call the child method on a connect redux component
body: <p>I want to call <code>SingleCard</code> child component methods  in <code>renderHiddenItem</code>. I have assigned different <strong>ref</strong> name for each <code>renderItem</code>. But when I call <strong>this.name</strong>, it is <code>undefined</code>. Anything is wrong in this code?  How can I achieve this?</p>
  
  <pre><code>    &lt;SwipeListView
          data={this.state.listViewData}
          renderItem={(data, i) =&gt; {
            const name = 'childRef'+i
            return (
              &lt;SingleCard
                ref={component =&gt; this.name = component}
                itm={data.item}
              /&gt;
            );
          }}
          renderHiddenItem={(data, i) =&gt; {
              const name = 'childRef'+i
              return (
                  &lt;TouchableOpacity onPress={ () =&gt; console.log(this.name)}&gt;
                    &lt;Text&gt; h &lt;/Text&gt;
                  &lt;/TouchableOpacity&gt;
              );
            }
          }}
        /&gt;
  </code></pre>
  
  <p><strong>Update:</strong>
  I want to trigger some action which is written in the singleCard component. Need to call that in <code>renderHiddenItem</code>. </p>
  
  <p>Like this:</p>
  
  <pre><code>this.childRef0.someMethod
  this.childRef1.someMethod
  </code></pre>