title: React Native - Search Filter
body: <p>I have this data:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="true">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>export const recepies = [
  {
    key: '1',
    title: 'Recepie Name',
    ingredients: [
      {
        id: '1',
        name: 'pepperoni'
      },
      {
        id: '2',
        name: 'pineapple'
      }
    ]
  },
  {
    key: '2',
    title: 'Another recepie',
    ingredients: [
      {
        id: '1',
        name: 'apple'
      },
      {
        id: '2',
        name: 'orange'
      }
    ]
  }
  ];</code></pre>
  </div>
  </div>
  </p>
  
  <p>I have a filter function that receives a string from a textInput, and then I set the state with the results from that filter.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>filter(text) {
      const newData = recepies.filter(function (item) {
        const itemData = item.title.toUpperCase();
        const textData = text.toUpperCase();
        return itemData.indexOf(textData) &gt; -1;
      });
      this.setState({
        text: text,
        data: newData,
      });
    }</code></pre>
  </div>
  </div>
  </p>
  
  <p>Right now I can only search recepies by their 'title',
  how could I search recepies by any of their ingredients</p>
  
  <p>Thanks for your help!</p>