title: Select specific checkbox among an array of checkboxes
body: <p>I have data coming from <code>getTasks()</code> and I store it on <code>tasks</code>
  I created a component for each task with their data with a checkbox for each task.
  I want to click a checkbox and display only the one I clicked, not them all.
  I am using React Native. How can I do this?
  thanks.</p>
  <pre><code>export default () =&gt; {
    const [tasks, setTasks] = React.useState([]);
    const [checked, setChecked] = React.useState(false);
  
    React.useEffect(() =&gt; {
      (async () =&gt; {
        const response = await getTasks();
        setTasks(response);
      })();
    }, []);
  
    return tasks.map(({id, title, description, date}) =&gt; (
      &lt;View key={id} style={styles.task}&gt;
        &lt;CheckBox
          value={checked}
          onValueChange={() =&gt; {
            setChecked((prevState) =&gt; !prevState);
          }}
        /&gt;
        &lt;View style={styles.taskTextContainer}&gt;
          &lt;Text&gt;{title}&lt;/Text&gt;
          &lt;Text&gt;{description}&lt;/Text&gt;
          &lt;Text&gt;{date}&lt;/Text&gt;
        &lt;/View&gt;
      &lt;/View&gt;
    ));
  };
  </code></pre>