Skip to content

Commit ec69a60

Browse files
committed
updating-arrays-in-state
1 parent ebebd71 commit ec69a60

File tree

1 file changed

+16
-16
lines changed

1 file changed

+16
-16
lines changed

src/content/learn/adding-interactivity.md

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -639,17 +639,17 @@ Przeczytaj **[Aktualizowanie obiektów w stanie](/learn/updating-objects-in-stat
639639

640640
## Aktualizowanie tablic w stanie {/*updating-arrays-in-state*/}
641641

642-
Arrays are another type of mutable JavaScript objects you can store in state and should treat as read-only. Just like with objects, when you want to update an array stored in state, you need to create a new one (or make a copy of an existing one), and then set state to use the new array:
642+
Tablice są kolejnym rodzajem zmiennych obiektów javascriptowych, które można przechowywać w stanie i należy je traktować jako tylko do odczytu. Podobnie jak w przypadku obiektów, gdy chcesz zaktualizować tablicę przechowywaną w stanie, musisz stworzyć nową tablicę (lub skopiować istniejącą), a następnie ustawić stan, aby używał nowej tablicy:
643643

644644
<Sandpack>
645645

646646
```js
647647
import { useState } from 'react';
648648

649649
const initialList = [
650-
{ id: 0, title: 'Big Bellies', seen: false },
651-
{ id: 1, title: 'Lunar Landscape', seen: false },
652-
{ id: 2, title: 'Terracotta Army', seen: true },
650+
{ id: 0, title: 'Wielkie brzuchy', seen: false },
651+
{ id: 1, title: 'Księżycowy krajobraz', seen: false },
652+
{ id: 2, title: 'Terakotowa armia', seen: true },
653653
];
654654

655655
export default function BucketList() {
@@ -669,8 +669,8 @@ export default function BucketList() {
669669

670670
return (
671671
<>
672-
<h1>Art Bucket List</h1>
673-
<h2>My list of art to see:</h2>
672+
<h1>Lista dzieł sztuki</h1>
673+
<h2>Moja lista dzieł sztuki do zobaczenia:</h2>
674674
<ItemList
675675
artworks={list}
676676
onToggle={handleToggle} />
@@ -705,7 +705,7 @@ function ItemList({ artworks, onToggle }) {
705705

706706
</Sandpack>
707707

708-
If copying arrays in code gets tedious, you can use a library like [Immer](https://github.com/immerjs/use-immer) to reduce repetitive code:
708+
Jeśli kopiowanie tablic w kodzie staje się uciążliwe, możesz użyć biblioteki takiej jak [Immer](https://github.com/immerjs/use-immer), aby zmniejszyć ilość powtarzającego się kodu:
709709

710710
<Sandpack>
711711

@@ -714,9 +714,9 @@ import { useState } from 'react';
714714
import { useImmer } from 'use-immer';
715715

716716
const initialList = [
717-
{ id: 0, title: 'Big Bellies', seen: false },
718-
{ id: 1, title: 'Lunar Landscape', seen: false },
719-
{ id: 2, title: 'Terracotta Army', seen: true },
717+
{ id: 0, title: 'Wielkie brzuchy', seen: false },
718+
{ id: 1, title: 'Księżycowy krajobraz', seen: false },
719+
{ id: 2, title: 'Terakotowa armia', seen: true },
720720
];
721721

722722
export default function BucketList() {
@@ -733,8 +733,8 @@ export default function BucketList() {
733733

734734
return (
735735
<>
736-
<h1>Art Bucket List</h1>
737-
<h2>My list of art to see:</h2>
736+
<h1>Lista dzieł sztuki</h1>
737+
<h2>Moja lista dzieł sztuki do zobaczenia:</h2>
738738
<ItemList
739739
artworks={list}
740740
onToggle={handleToggle} />
@@ -789,12 +789,12 @@ function ItemList({ artworks, onToggle }) {
789789

790790
<LearnMore path="/learn/updating-arrays-in-state">
791791

792-
Read **[Aktualizowanie tablic w stanie](/learn/updating-arrays-in-state)** to learn how to update arrays correctly.
792+
Przeczytaj rozdział **[Aktualizowanie tablic w stanie](/learn/updating-arrays-in-state)**, aby dowiedzieć się, jak poprawnie aktualizować tablice.
793793

794794
</LearnMore>
795795

796-
## What's next? {/*whats-next*/}
796+
## Co dalej? {/*whats-next*/}
797797

798-
Head over to [Responding to Events](/learn/responding-to-events) to start reading this chapter page by page!
798+
Przejdź do rozdziału [Reagowanie na zdarzenia](/learn/responding-to-events), aby zacząć zgłębiać ten temat strona po stronie!
799799

800-
Or, if you're already familiar with these topics, why not read about [Managing State](/learn/managing-state)?
800+
Ewentualnie, jeśli już znasz te tematy, dlaczego nie przeczytać rozdziału [Zarządzanie stanem](/learn/managing-state)?

0 commit comments

Comments
 (0)