Как отображать нужные мне компоненты

Есть компонент TaskList в нем отрисовывается несколько Task . Задача - отрисовывать по клику разные обьекты массива. Что мне закидывать в state? Правильно понимаю что как раз массив?И как его изменить в таком случае?

собственно вот код

компонент Task

class Task extends React.Component {
  render() {
    const { name, description, group } = this.props;
    return (
      <div>
        {statementsData.map(elem => (
          <article
            style={{
              border: "2px solid blue ",
              padding: "30px",
              margin: "3px"
            }}
            key={elem.id}
          >
            <div>{elem.name}</div>
            <div>{elem.description}</div>
            <div>{elem.group}</div>
          </article>
        ))}
      </div>
    );
  }
}
Task.defaultProps = {
  group: "Execute"
};
export const statementsData = [
  {
    id: 0,
    name: "first",
    description:
      "нализируйте день: выясняйте, что помешало выполнить все пункты вашего листа задач на день. По итогам решайт",
    group: "Execute"
  },
  {
    id: 1,
    name: "second",
    description:
      "Выделяйте приоритетные дела —  задачи, позволяющие достигать глобальных целей.",
    group: "Execute"
  },
  {
    id: 2,
    name: "third",
    description:
      "ййййцу йцу йцйцв йцв бальных целей. Ответьте на вопрос, насколько",
    group: "Performens"
  },
  {
    id: 3,
    name: "thirdqq",
    description: "о важная и срочная каждая задача и нельзя ли ",
    group: "Done"
  }
];
export default Task;

компонент TaskList

import React, { Component } from "react";
import Task from "../task/task";
import { statementsData } from "../task/task";
class TaskList extends Component {
  constructor(props) {
    super(props);
    this.state = {
       statementsData
    };
    console.log(this.state);
    console.log(statementsData);
  }
  showAlert() {
    alert("Im an alert");
  }
  showAlertq() {
    this.setState({
        this.statementsData = []
    });
  }
  render() {
    return (
      <React.Fragment>
        <button onClick={this.showAlertq.bind(this)}>отрисовать все</button>
        <button onClick={this.showAlert}>отрисовать Execute</button>
        <button onClick={this.showAlert}>отрисовать Performed</button>
        <button onClick={this.showAlert}>отрисовать Done</button>
        <h1>hello Tasklist</h1>
        <Task />
      </React.Fragment>
    );
  }
}
export default TaskList;