20 lines
472 B
JavaScript
20 lines
472 B
JavaScript
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;
|