From d03b72937ed1703a04eeddf8f7661066e6990f40 Mon Sep 17 00:00:00 2001
From: Matt Huntington <matt.huntington@gmail.com>
Date: Sat, 27 Feb 2021 19:28:36 -0500
Subject: [PATCH] person component

---
 src/App.js               |  3 ++-
 src/components/person.js | 14 ++++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)
 create mode 100644 src/components/person.js

diff --git a/src/App.js b/src/App.js
index 43e3c71..2d7e652 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,6 +1,7 @@
 import './App.css';
 import React from 'react';
 import axios from 'axios';
+import Person from './components/person.js'
 
 class App extends React.Component {
 
@@ -59,7 +60,7 @@ class App extends React.Component {
 				<ul>
 					{
 						this.state.contacts.map((contact)=>{
-							return <li key={contact.id}>{contact.name} is {contact.age} years old</li>
+							return <Person data={contact} />
 						})
 					}
 				</ul>
diff --git a/src/components/person.js b/src/components/person.js
new file mode 100644
index 0000000..ec7a443
--- /dev/null
+++ b/src/components/person.js
@@ -0,0 +1,14 @@
+import React from 'react';
+import axios from 'axios';
+
+
+class Person extends React.Component {
+	render = ()=>{
+		return <li key={this.props.data.id}>
+			{this.props.data.name} is {this.props.data.age} years old
+			<button>Delete</button>
+		</li>
+	}
+}
+
+export default Person