counterweight/fullstackopen-notes
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

extract search area

Browse source
This commit is contained in:
counterweight 2025-05-25 12:08:25 +02:00
parent fe840d486f
commit 6ae16c9b9a
Signed by: counterweight
GPG key ID: 883EDBAA726BD96C
1 changed files with 9 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

12
parts/2/phoneBook/src/App.jsx
View file

@ -1,6 +1,14 @@
import { useState } from "react";
import PersonList from "./components/PersonList";
const SearchArea = ({ onChangeHandler }) => {
return (
<div>
search name: <input onChange={onChangeHandler} />
</div>
);
};
const App = () => {
const [persons, setPersons] = useState([
{ name: "Arto Hellas", number: 123 },
@ -40,9 +48,7 @@ const App = () => {
return (
<div>
<h2>Phonebook</h2>
<div>
search name: <input onChange={handleSearchChange} />
</div>
<SearchArea onChangeHandler={handleSearchChange} />
<h3>Add new</h3>
<form onSubmit={handleOnSubmit}>
<div>