todolist | A To-Do List App built using React.js React-Router | Router library

Uncaught TypeError: Cannot read property 'contains' of undefined

Uncaught TypeError: Cannot set property 'display' of undefined

I am trying to loop through todoList and get the child element. Where I am wrong? The child element is the list item. The list items are dynamically added on adding a todo.

I use a CollapsingToolbarLayout and a BottomAppBar reacting to scroll changes in a CoordinatorLayout (collapsing and hiding on scroll). As I can't use a NestedScrollview as parent of the RecyclerView because it leads to issues when I need to use scrollToPosition() or when an item is dragged out of the bounds (It doesn't scroll to move the item), the scroll behaviors are not working for the CollapsingToolbarLayout and the BottomAppBar.

I tried android:nestedScrollingEnabled="true" but it was not working

How can I keep the scroll-related behaviors in the CoordinatorLayout without NestedScrollview ?

I created a register/login page that redirects to a to do list website that I created. However, when you first click on my link, both the login and register forms show up. I only want the sign in form to show up first (if someone needs to register, there is an anchor tag at the bottom of the sign in form that redirects to the register form). What do I need to change in my code to make only the sign in form show up when the link is visited?

link: https://capstone-project-with-login.herokuapp.com/

Code:

I'm a beginner learning ts for the first time. Thank you in advance for sharing your knowledge. I am making a to-do list. I used to react to complete it. But now I am using react and typescript together to complete the code. I got an error. I don't know what the problem is. Help me, please.

Error: Objects are not valid as a React child (found: object with keys {}). If you meant to render a collection of children, use an array instead.

Click here to view the full code

What I think that the problem is this file.

// contet.tsx

I have a Blazor WASM (not hosted) project with Todo and TodoList models. I put a text file in wwwroot folder and try to read it in TodoList constructor by File.ReadAllLines() method passing the path "todos.txt".

Project structure:

I'm trying to make todo app but, Every time I input something, my redux developer tools shows an '' (empty string)

my reduce look like this

I have been stuck on this for days reading up on tutorials and articles but can not figure this out. Whenever I click on the pencil icon, I want it to edit the current do to. I have 4 components, the form (searchbar where i add todo), the app.js, the todoList, and a todo.js component. I am keeping all the state in the app and state in the form to keep track of the terms I am entering.

I am thinking I would need to create an editTodo method in the app and pass it down as a prop to the list and then the todoItem. Most tutorials or help online uses hooks or redux but I am learning vanilla React first. I am not asking for the answer directly but rather the steps or thought process to implement editing a todo item in the todolist. I am not sure even if my todo app is correct in the places where I am keeping state. I may get slack for asking.. but I do not know what else to do. Here is my code..

I have 3 actions ( add_todo,delete_todo,completed_todo). Add and delete works fine but I should add the deleted items to the completed list in order to render that in a separate component. But whenever I try to use, filter or find to get the deleted items I get a null value.

Reducer code :

Currently I am trying to make a global state in React Hooks but encounter a problem.

I just created a Provider in Store.tsx and tried with useContext to get the state in other component. But when I type in input with onChange handler there is no state updated? How does that come.