title: How can I change a certain attribute in a certain object with React Hooks?
body: <p>I try to update an object to a certain attribute, but after the new rendering I always get the error message that <code>usePl</code> is not a map function.
  For example, I would like to change the image attribute in object 2.</p>
  <pre class="lang-js prettyprint-override"><code>const pl = [
    {
      id: 1,
      bezeichnung: 'fit4Assembly Woche 1 -3',
      erstellungsDatum: '28.07.2020',
      ersteller: 'Max Maier',
      aufgaben: ['Aufgabe 1', 'Aufgabe 2', 'Aufgabe 3'],
      gruppe: 'Gruppe 1',
      bild: ''
    },
    {
      id: 2,
      bezeichnung: 'fit4Assembly Woche 1 -3',
      erstellungsDatum: '28.07.2020',
      ersteller: 'Max Maier',
      aufgaben: ['Aufgabe 1', 'Aufgabe 2', 'Aufgabe 3'],
      gruppe: 'Gruppe 2',
      bild: ''
    }
  ];
  
  const [usePl, setUl] = React.useState(pl);
  
  async function handleInputChangeBild(event, id) {
    [...]
    let reader = new FileReader();
    reader.onload = (e) =&gt; {
      setUl((prevState) =&gt; ({
        ...prevState,
        [id]: e.target.result //For examble the ID is 2
      }));
    };
    [...]
  }
  </code></pre>