title: Assign Id to React components
body: <p>We have a React Grid Component and we need to assign the Id for all Grid components. Any suggestions how can we do it? Component snippet is shown below:</p>
  
  <pre><code>&lt;Grid 
      data={this.state.items}
      sortable={{
         allowUnsort: this.state.allowUnsort,
         mode: this.state.multiple,
         sortDir:this.state.sortDir
      }}
      sort={this.state.sort}
      onSortChange={this.sortChange}
      filterable={true}
      filter={this.state.filter}
      onFilterChange={this.filterChange}
      onPageChange={this.pageChange}
      total={this.state.total}
      skip={this.state.skip}
      pageSize={this.state.pageSize}
      pageable={this.state.pageable}
      scrollable={this.state.scrollable}
      //style={{ height: '500px' }}
    &gt;
    &lt;Column
      field="networkName"
      sortable={{
         allowUnsort: this.state.allowUnsort,
         mode: this.state.multiple ? 'multiple' : 'single',
      }}
      onSortChange={this.sortChange} title="Network Name" width="400px" cell={NetworkNameCell}  /&gt;
      &lt;Column field="networkGroups" title="Network Groups" width="250px" id="networkGroupsId"/&gt;
      &lt;Column field="networkType" title="Network Type" width="250px" id="networkTypeId"/&gt;
      &lt;Column field="providersCount" title="Assigned Providers"  /&gt;
      &lt;Column field="locationsCount" title="Assigned Locations"  /&gt;
      &lt;Column cell={this.DeleteCommandCell} title="Action" sortable={false} filterable={false} /&gt;
      &lt;span class="k-icon my-refresh-icon-class"&gt;&lt;/span&gt;
  &lt;/Grid&gt;
  </code></pre>