10.2.2 TodoInsert 만들기

이번에는 TodoInsert를 만들 차례입니다. components 디렉터리에 TodoInsert.js 파일과 TodoInsert.scss 파일을 생성하세요.

TodoInsert.js

import React from 'react';
import { MdAdd } from 'react-icons/md';
import './TodoInsert.scss';
 
const TodoInsert = () => {
  return (
    <form className="TodoInsert">
      <input placeholder="할 일을 입력하세요" />
      <button type="submit">
        <MdAdd />
      </button>
    </form>
  );
};
 
export default TodoInsert;

---

 

여기서 처음으로 react-icons의 아이콘을 사용했습니다.