useEffect(() => {
fetch("http://localhost:5000/box")
.then(res => res.json())
.then(
(result) => {
setIsLoaded(true);
setItems(result);
},
(error) => {
setIsLoaded(true);
setError(error);
} )
}, [])
if (error) {
return <div>Ошибка: {error.message}</div>;
} else if (!isLoaded) {
return <div>Загрузка...</div>;
} else {
function aD(){
console.log('NEED ADD IN MY.JSON FILE');
}
return (<div><center>
{
items.map(item => (
<h3 key={
item.id}>
{
item.name}
</h3>
))}
<input type="text" value={name} placeholder="name"
onChange={(e) => { setName(e.target.value); }} />
<input type="button" value="ADD_BUTTON"
onClick={(e)=>
{(setItems([...items,{id:items.length+1,name:name}]));aD()}
} />
</center> </div> ); }}