React Component 사이에 Component를 넣을려면...

const TodoTemplate=({children})=>{

    return(<div className='TodoTemplate'>
        <div className='app-title'>일정관리</div>
        <div className='content'>{children}</div>
    </div>)
}

children을 props로 받아오면 된다. 단순한 html text 도 저렇게 불러와야한다는걸 지금 알았다.

App.js는 이렇게 되겠다.

const App = () => {
  return (
    <TodoTemplate>
      <TodoInsert />
    </TodoTemplate>
  );
};