Skip to content

Commit e41ff5b

Browse files
committed
Update outdated code blocks
1 parent 4866f00 commit e41ff5b

File tree

2 files changed

+18
-26
lines changed

2 files changed

+18
-26
lines changed

src/content/5/en/part5c.md

Lines changed: 10 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -496,28 +496,24 @@ import { useState } from 'react'
496496
const NoteForm = ({ createNote }) => {
497497
const [newNote, setNewNote] = useState('')
498498

499-
const handleChange = (event) => {
500-
setNewNote(event.target.value)
501-
}
502-
503-
const addNote = (event) => {
499+
const addNote = event => {
504500
event.preventDefault()
505501
createNote({
506502
content: newNote,
507-
important: true,
503+
important: true
508504
})
509505

510506
setNewNote('')
511507
}
512508

513509
return (
514-
<div className="formDiv">
510+
<div>
515511
<h2>Create a new note</h2>
516512

517513
<form onSubmit={addNote}>
518514
<input
519515
value={newNote}
520-
onChange={handleChange}
516+
onChange={event => setNewNote(event.target.value)}
521517
/>
522518
<button type="submit">save</button>
523519
</form>
@@ -595,13 +591,13 @@ const NoteForm = ({ createNote }) => {
595591
// ...
596592

597593
return (
598-
<div className="formDiv">
594+
<div>
599595
<h2>Create a new note</h2>
600596

601597
<form onSubmit={addNote}>
602598
<input
603599
value={newNote}
604-
onChange={handleChange}
600+
onChange={event => setNewNote(event.target.value)}
605601
/>
606602
// highlight-start
607603
<input
@@ -643,13 +639,13 @@ const NoteForm = ({ createNote }) => {
643639
// ...
644640

645641
return (
646-
<div className="formDiv">
642+
<div>
647643
<h2>Create a new note</h2>
648644

649645
<form onSubmit={addNote}>
650646
<input
651647
value={newNote}
652-
onChange={handleChange}
648+
onChange={event => setNewNote(event.target.value)}
653649
placeholder='write note content here' // highlight-line
654650
/>
655651
<input
@@ -691,13 +687,13 @@ const NoteForm = ({ createNote }) => {
691687
// ...
692688

693689
return (
694-
<div className="formDiv">
690+
<div>
695691
<h2>Create a new note</h2>
696692

697693
<form onSubmit={addNote}>
698694
<input
699695
value={newNote}
700-
onChange={handleChange}
696+
onChange={event => setNewNote(event.target.value)}
701697
id='note-input' // highlight-line
702698
/>
703699
<input

src/content/5/fi/osa5c.md

Lines changed: 8 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -490,7 +490,7 @@ const button = screen.getByText('show...')
490490
await user.click(button)
491491
```
492492

493-
Käytännössä siis loimme metodin avulla <i>click</i>-tapahtuman metodin argumenttina annetulle komponentille. Voimme simuloida myös lomakkeelle kirjoittamista <i>userEventin</i>-olion avulla.
493+
Käytännössä siis loimme metodin avulla <i>click</i>-tapahtuman metodin argumenttina annetulle komponentille. Voimme simuloida myös lomakkeelle kirjoittamista <i>userEvent</i>-olion avulla.
494494

495495
Tehdään testi komponentille <i>NoteForm</i>. Lomakkeen koodi näyttää seuraavalta:
496496

@@ -500,28 +500,24 @@ import { useState } from 'react'
500500
const NoteForm = ({ createNote }) => {
501501
const [newNote, setNewNote] = useState('')
502502

503-
const handleChange = (event) => {
504-
setNewNote(event.target.value)
505-
}
506-
507-
const addNote = (event) => {
503+
const addNote = event => {
508504
event.preventDefault()
509505
createNote({
510506
content: newNote,
511-
important: true,
507+
important: true
512508
})
513509

514510
setNewNote('')
515511
}
516512

517513
return (
518-
<div className="formDiv">
514+
<div>
519515
<h2>Create a new note</h2>
520516

521517
<form onSubmit={addNote}>
522518
<input
523519
value={newNote}
524-
onChange={handleChange}
520+
onChange={event => setNewNote(event.target.value)}
525521
/>
526522
<button type="submit">save</button>
527523
</form>
@@ -600,7 +596,7 @@ const NoteForm = ({ createNote }) => {
600596
<form onSubmit={addNote}>
601597
<input
602598
value={newNote}
603-
onChange={handleChange}
599+
onChange={event => setNewNote(event.target.value)}
604600
/>
605601
// highlight-start
606602
<input
@@ -648,7 +644,7 @@ const NoteForm = ({ createNote }) => {
648644
<form onSubmit={addNote}>
649645
<input
650646
value={newNote}
651-
onChange={handleChange}
647+
onChange={event => setNewNote(event.target.value)}
652648
placeholder='write note content here' // highlight-line
653649
/>
654650
<input
@@ -696,7 +692,7 @@ const NoteForm = ({ createNote }) => {
696692
<form onSubmit={addNote}>
697693
<input
698694
value={newNote}
699-
onChange={handleChange}
695+
onChange={event => setNewNote(event.target.value)}
700696
id='note-input' // highlight-line
701697
/>
702698
<input

0 commit comments

Comments
 (0)