title: React search the text in an array of objects on Onchange of input
body: <p>I am trying to manipulate a table data on the basis of the search in the table. So, what I have is this type of data:</p>
  
  <pre><code>this.props.datalist = {
      "content": [{
          "id": "5b7d4a566c5fd00507501051",
          "companyId": null,
          "title": "Senior/ Lead UI Developer",
          "jobDescription": null,
          "technology": "java"
      },{
          "id": "5b7d4a566c5fd005075011",
          "companyId": null,
          "title": "ead UI Developer",
          "jobDescription": null,
          "technology": "angular"
      }]
  }
  </code></pre>
  
  <p>In this I have this data coming from my `redux state. So I show this to user in the table form by passing this as a props.</p>
  
  <p>I have a search field:</p>
  
  <pre><code>&lt;input type="text"
         id="searchJob"
         className="form-control-sm border-0 flex-grow-1"
         value={this.state.search}
         placeholder="Company Name / Technology / Job title"
         onChange={this.onInputChnage} 
  /&gt;
      &lt;i className="fa fa-search search-job"&gt;&lt;/i&gt;
  
   onInputChnage = (e) =&gt; {
      this.setState({
        search: e.target.value
      }) 
    }
  
  
  &lt;div className="col-12 pr-0 pl-0"&gt;
              &lt;UserJobsTabel jobList={filteredList} /&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Here , I got the filtered data in this array using filter</p>
  
  <pre><code> [{
          "id": "5b7d4a566c5fd00507501051",
          "companyId": null,
          "title": "Senior/ Lead UI Developer",
          "jobDescription": null,
          "technology": "java"
      },{
          "id": "5b7d4a566c5fd005075011",
          "companyId": null,
          "title": "ead UI Developer",
          "jobDescription": null,
          "technology": "angular"
      }]
  </code></pre>
  
  <p>Now, while setting state,</p>
  
  <p>I am doing like this.</p>
  
  <pre><code>this.setState({ search: data })
  </code></pre>
  
  <p>If I want to set the state as  with key like <code>"content": [{}]</code> like this then How can I do this ?</p>
  
  <p>Because the way I am using it is like,</p>
  
  <pre><code>{this.props.dataList &amp;&amp; this.props.dataList.content &amp;&amp; this.props.dataList.content.length &gt; 0 &amp;&amp; this.props.dataList.content.sort((a, b) =&gt; b.createdAt - a.createdAt).map((item, key) =&gt; {
  </code></pre>
  
  <p>What I want to do is that the table data has two keys. One is <code>title</code> and <code>Technolgoy</code> now, search happens then it should check in the object and return the matched objects and that will be displayed on table.
  Now if search has again nothing then it should show the default data that was present. Is there any way to do this?</p>