Chapter 9 - migrate to next.js (errors on purpose)
This commit is contained in:
27
app/page.js
Normal file
27
app/page.js
Normal file
@@ -0,0 +1,27 @@
|
||||
import { useState } from 'react';
|
||||
|
||||
function Header({ title }) {
|
||||
return <h1>{title}</h1>
|
||||
}
|
||||
|
||||
export default function HomePage() {
|
||||
const names = ['Ada Lovelace', 'Grace Hopper', 'Margaret Hamilton'];
|
||||
|
||||
const [likes, setLikes] = React.useState(0);
|
||||
|
||||
function handleClick() {
|
||||
setLikes(likes + 1);
|
||||
}
|
||||
|
||||
return (
|
||||
<div>
|
||||
<Header title="Develop. Preview. Ship." />
|
||||
<ul>
|
||||
{names.map((name) => (
|
||||
<li key={name}> {name} </li>
|
||||
))}
|
||||
</ul>
|
||||
<button onClick={handleClick}> Like ({likes}) </button>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user