router-article-home-component

router-article-home-component.js

const Home = ({ pathArr }) => {
  const [pathInState, setPathFn] = useState(pathArr);
  storePathInState = setPathFn;

  return pathInState[0] === "todos" ? (
    // If the first part of the url is /todos, show the TodoList component
    <TodoList todos={todos} pathArr={pathInState} />
  ) : pathInState[0] === "about" ? (
    // If the first part of the url is /todos, show the TodoList component
    <About />
  ) : (
    // Otherwise show the home page.
    <div>
      There are two links: <br />
      1.{" "}
      <a href="#" onClick={createClickHandler("/todos")}>
        Todos page
      </a>
      <br />
      2.{" "}
      <a href="#" onClick={createClickHandler("/about")}>
        About page
      </a>
    </div>
  );
};