title: how to update input text which is render by array map in REACTJS
body: <pre><code>const data = [
    {
      title: "Hello World",
      company: [
        "Google",
        "Apple",
        "Facebook"
      ]
    }
  ];
  
  class App extends React.Component {
    render() {
      return (
        &lt;ul&gt;
          {data[0].company.map((item, index) =&gt; (
            &lt;input type="text" key={index} value={item}&gt;&lt;/input&gt;
          ))}
        &lt;/ul&gt;
      );
    }
  }
  
  ReactDOM.render(&lt;App /&gt;, document.getElementById("app"));
  </code></pre>
  
  <p>it renders perfectlly but when i am trying to edit its not 
       editing the text. (not editable)
       and if i add one more input to same array with blank area 
       value it also  not working (not updated).</p>