title: react append child
body: <p>I'm trying to understand why my code keeps failing, I have 3 inputs which I'm trying to make appear as the item in a TODO list with React. The error say &quot;appendChild is not a function&quot;.</p>
  <p>I've seen this same code working on plain old JS, and I'm trying to use it on React.</p>
  <p>I'm really new to JS and React, so please explain any possible reply as basic as you can.</p>
  <pre><code>    const cargarDatos = (pool) =&gt; {
      pool.preventDefault()
  
      const valueList = datos.text + ' ' + datos.amount + ' ' + datos.date
      const list = List.document.getElementsByClassName('.div-list')
  
      const itemList = document.createElement(&quot;div&quot;)
      console.log(valueList)
      itemList.innerText = valueList
      itemList.classList.add('item-List')
      list.appendChild(itemList)
  }
  </code></pre>
  <p>List JSX component</p>
  <pre><code>import React from &quot;react&quot;;
  
  export function List () {
  
  return (
      &lt;&gt;
          &lt;h2&gt;List&lt;/h2&gt;
          &lt;div className={'div-list'}&gt;&lt;/div&gt;
      &lt;/&gt;
  )
  }
  </code></pre>
  <p>Sorry for my English.</p>