title: Read multiple JSON files as one array
body: <p>I currently have two JSON files that my array needs to read. Is there a way for me to read them as one array?</p>
  
  <p>I've already tried putting both in a constant variable but it did not work. It was something like this which obviously is not the solution:</p>
  
  <pre><code>const var = [{json_file_1}, {json_file_2}];
  
  </code></pre>
  
  <p>I did also try lodash but I still didn't find the solution but I also have a console.log line for the code above.</p>
  
  <pre><code>console.log(_.flattenDeep(ThisFunction(var)));
  </code></pre>
  
  <p>ThisFunction() reads the contents of my json.</p>
  
  <p>Here is my current array. It is only reading one json file:</p>
  
  <pre><code>
  const option = json_file_1
     .map(group =&gt; (
      &lt;div key={group.title}&gt;
        &lt;div&gt;
          {group.title}
        &lt;/div&gt;
        {group.child_one.map(object =&gt; (
          &lt;div key={object.title}&gt;
            {object.title}
          &lt;/div&gt;
        ))
      &lt;/div&gt;
  ));
  
  </code></pre>
  
  <p>Both of JSON files go something like this:</p>
  
  <pre><code>[
   {
     "title": "this title",
     "child_one": [
        {
          "content_1",
          "content_2"
        }
     ],
     "child_two": [
      {
        "title" "this title",
        "something": "something else"
      },
      {
        "title" "this title",
        "something": "something else"
      }
     ]
   }
  ]
  </code></pre>
  
  <p>The output should read the two files as one array. Once this is done, will I be able to integrate more JSON files to be read?</p>