title: How to display Select with parent and child data in material-ui?
body: <p>I have an array that get from API:</p>
  <pre><code>[
      {
          &quot;id&quot;: 1,
          &quot;code&quot;: &quot;978&quot;,
          &quot;name_en&quot;: &quot;Dislplay name&quot;,
          &quot;name_ru&quot;: &quot;Dislplay name&quot;,
          &quot;child&quot;: []
      },
      {
          &quot;id&quot;: 2,
          &quot;code&quot;: &quot;657&quot;,
          &quot;name_en&quot;: &quot;Dislplay name&quot;,
          &quot;name_ru&quot;: &quot;Dislplay name&quot;,
          &quot;child&quot;: []
      },
      {
          &quot;id&quot;: 3,
          &quot;code&quot;: &quot;342&quot;,
          &quot;name_en&quot;: &quot;Dislplay name&quot;,
          &quot;name_ru&quot;: &quot;Dislplay name&quot;,
          &quot;child&quot;: [
              {
                  &quot;id&quot;: 3,
                  &quot;code&quot;: &quot;435&quot;,
                  &quot;name_en&quot;: &quot;Dislplay name&quot;,
                  &quot;name_ru&quot;: &quot;Dislplay name&quot;,
                  &quot;spec_code&quot;: &quot;122&quot;
              },
              {
                  &quot;id&quot;: 1,
                  &quot;code&quot;: &quot;097&quot;,
                  &quot;name_en&quot;: &quot;Dislplay name&quot;,
                  &quot;name_ru&quot;: &quot;Dislplay name&quot;,
                  &quot;spec_code&quot;: &quot;122&quot;
              },
              {
                  &quot;id&quot;: 9,
                  &quot;code&quot;: &quot;665&quot;,
                  &quot;name_en&quot;: &quot;Dislplay name&quot;,
                  &quot;name_ru&quot;: &quot;Dislplay name&quot;,
                  &quot;spec_code&quot;: &quot;122&quot;
              }
          ]
      },
  ]
  </code></pre>
  <p>And I want to display this with select functionality, but I don't know how can I display the child items, I can display it, but not selectable. In project, I use React, Redux and Material-UI</p>