react-todo-list | A simple todo list app built with React , Redux | State Container library

I am building a To-Do List web app with React as my first project.

I want to implement local storage which works fine only that,I am unable to handle check and uncheck of the checkbox prefectly.

Here is a link to the deployed website so you can understand the problem I am having.

https://rapture-todo.netlify.app/

When you add a todo, and mark it complete.

on reload, the checkbox of the todo is unchecked but the todo is marked complete.

Here is my source code[github link- https://github.com/coolpythoncodes/React-ToDo-List].

For App.js

I'm practicing react, and just now I'm about to make a to-do list. While i was working. I wanted to test my code with console.log to see input values are passing correctly to state. However for awhile I was confused to see how console.log would always output the previous state. Until later, i just embeded

{this.state.myArray}

I'm pretty sure im using console.log the wrong way to test code. New programmer here.