Нуждаюсь в подкреплении сделать задание и хоть как то объяснить суть работы (заранее спасибо)!

import React from 'react';
import { uniqueId } from 'lodash';
import TaskForm from './TaskForm';
import TaskList from './TaskList';
 
export default class Task extends React.Component {
  render() {
    return (
      <div className='container'>
        <div className='row'>
          <div className='col-12'>
            <TaskForm />
          </div>
 
          <div className='col-12'>
            <TaskList />
          </div>
        </div>
      </div>
    );
  }
}

import React from 'react';
 
export default class TaskForm extends React.Component {
  render() {
    return (
      <form>
        <div className='form-group'>
          <input
            type='text,'
            className='form-control'
            placeholder='Заголовок задачи...'
          />
        </div>
        <div className='form-group'>
          <input
            type='text'
            className='form-control'
            placeholder='Текст задачи...'
          />
        </div>
        <button className='btn btn-outline-secondary' type='submit'>
          Добавить задачу
        </button>
      </form>
    );
  }
}

import React from 'react';
 
export default class TaskList extends React.Component {
  render() {
    return (
      <div className='row'>
        <div className='col-3'>
          <div className='card m-2 text-white bg-primary'>
            <div className='card-header'>
              <h3 className='card-title'>Card Title</h3>
            </div>
            <div className='card-body'>
              <p className='card-text'>Card Text</p>
            </div>
            <div className='card-footer'>
              <button className='btn btn-outline-light' type='button'>
                Task Complete
              </button>
            </div>
          </div>
        </div>
      </div>
    );
  }
}