Child Component useEffect Demo

child_useEffect.js

import React, { useState } from "react";
import ReactDOM from "react-dom";
import TodoForm from "./TodoForm";
import TodoList from "./TodoList";

const App = () => {
  const [todos, setTodos] = useState([]);

  const handleFormSubmit = event => {
    event.preventDefault();
    setTodos([...todos, event.target.elements.todo.value]);
    event.target.elements.todo.value = "";
  };

  return (
    <div>
      <TodoForm handleFormSubmit={handleFormSubmit} />
      <TodoList todos={todos} />
    </div>
  );
};

ReactDOM.render(<App />, document.getElementById("root"));