Create TodoItem component

Author: nicorithner

react-todos/src/App.js

@@ -1,4 +1,5 @@
 import "./App.css";
+import TodoRowItem from "./components/TodoRowItem";
 
 function App() {
   return (
@@ -15,17 +16,8 @@ function App() {
               </tr>
             </thead>
             <tbody>
-              <tr>
-                <th scope="row">1</th>
-                <td>Feed dog</td>
-                <td>Eric</td>
-              </tr>
-
-              <tr>
-                <th scope="row">2</th>
-                <td>Get haircut</td>
-                <td>Eric</td>
-              </tr>
+              <TodoRowItem number={1} task={"Feed dog"} assignee={"Eric"} />
+              <TodoRowItem number={2} task={"Get haircut"} assignee={"Eric"} />
             </tbody>
           </table>
         </div>

react-todos/src/components/TodoRowItem.js

@@ -0,0 +1,9 @@
+export  default function TodoRowItem(props) {
+ return (
+    <tr>
+      <th scope='row'>{props.number}</th>
+      <td>{props.task}</td>
+      <td>{props.assignee}</td>
+    </tr>
+ ) 
+}