Upload 2.10
This commit is contained in:
19
part2/phonebook/src/components/PersonForm.js
Normal file
19
part2/phonebook/src/components/PersonForm.js
Normal file
@@ -0,0 +1,19 @@
|
||||
const PersonForm = ({ addPerson, newPerson, handleChange }) => {
|
||||
return (
|
||||
<form onSubmit={addPerson}>
|
||||
<div>
|
||||
name:{" "}
|
||||
<input name="name" value={newPerson.name} onChange={handleChange} />
|
||||
</div>
|
||||
<div>
|
||||
number:{" "}
|
||||
<input name="number" value={newPerson.number} onChange={handleChange} />
|
||||
</div>
|
||||
<div>
|
||||
<button type="submit">add</button>
|
||||
</div>
|
||||
</form>
|
||||
);
|
||||
};
|
||||
|
||||
export default PersonForm;
|
||||
Reference in New Issue
Block a user