Skip to content

Commit 9e6c91a

Browse files
committed
Minor corrections in Typechecking with PropTypes
1 parent e187209 commit 9e6c91a

File tree

1 file changed

+15
-15
lines changed

1 file changed

+15
-15
lines changed

content/docs/typechecking-with-proptypes.md

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,18 @@
11
---
22
id: typechecking-with-proptypes
3-
title: Sprawdzeniem typów z wykorzystaniem PropTypes
3+
title: Sprawdzenie typów z wykorzystaniem PropTypes
44
permalink: docs/typechecking-with-proptypes.html
55
redirect_from:
66
- "docs/react-api.html#typechecking-with-proptypes"
77
---
88

99
> Uwaga:
1010
>
11-
> Z wersją React v15.5 `React.PropTypes` zostało przeniesione do innej paczki. Zamiast importować z paczki Reacta, używaj [biblioteki `prop-types`](https://www.npmjs.com/package/prop-types).
11+
> Z wersją Reacta v15.5 `React.PropTypes` zostało przeniesione do innej paczki. Zamiast importować z paczki Reacta, używaj [biblioteki `prop-types`](https://www.npmjs.com/package/prop-types).
1212
>
1313
> Dla ułatwienia migracji przygotowaliśmy [skrypt codemod](/blog/2017/04/07/react-v15.5.0.html#migrating-from-react.proptypes).
1414
15-
Wraz ze wzrostem twojej aplikacji możesz wyłapywać więcej błędów, korzystając ze sprawdzania typów. Dla niektórych aplikacji możesz korzystać z rozszerzeń JavaScriptu do sprawdzenia typów w całej aplikacji, takich jak [Flow](https://flow.org/) lub [TypeScript](https://www.typescriptlang.org/). Nawet jeśli z nich nie korzystasz, możesz skorzystać ze sprawdzania typów wbudowanego w Reacta. By rozpocząć sprawdzanie typów właściwości w komponencie, możesz dodać do komponentu specjalną właściwość `propTypes`.
15+
Wraz ze wzrostem rozmiaru twojej aplikacji, dzięki sprawdzaniu typów możesz wyłapać więcej błędów. W niektórych aplikacjach możesz korzystać z rozszerzeń JavaScriptu do sprawdzenia typów w całej aplikacji, takich jak [Flow](https://flow.org/) lub [TypeScript](https://www.typescriptlang.org/). Nawet jeśli z nich nie korzystasz, możesz skorzystać z mechanizmu sprawdzania typów wbudowanego w Reacta. Aby rozpocząć sprawdzanie typów właściwości w komponencie, możesz dodać do komponentu specjalną właściwość `propTypes`.
1616

1717
```javascript
1818
import PropTypes from 'prop-types';
@@ -40,7 +40,7 @@ import PropTypes from 'prop-types';
4040

4141
MyComponent.propTypes = {
4242
// Możesz zadeklarować, że właściwość będzie określonego typu javascriptowego.
43-
// Domyślnie, wszystkie są opcjonalne
43+
// Domyślnie, wszystkie są opcjonalne.
4444
optionalArray: PropTypes.array,
4545
optionalBool: PropTypes.bool,
4646
optionalFunc: PropTypes.func,
@@ -49,7 +49,7 @@ MyComponent.propTypes = {
4949
optionalString: PropTypes.string,
5050
optionalSymbol: PropTypes.symbol,
5151

52-
// Wszystko, co może być wyrenderowane: liczby, łańcuchy znaków, elementy lub tablice
52+
// Wszystko, co może być wyrenderowane: liczby, łańcuchy znaków, elementy czy tablice
5353
// (lub fragmenty) zawierające te typy.
5454
optionalNode: PropTypes.node,
5555

@@ -63,35 +63,35 @@ MyComponent.propTypes = {
6363
// Wykorzystujemy do tego operator instanceof z JavaScriptu.
6464
optionalMessage: PropTypes.instanceOf(Message),
6565

66-
// Możesz się upewnić, czy właściwość jest ograniczona do określonych wartości
66+
// Możesz upewnić się, czy właściwość jest ograniczona do określonych wartości.
6767
optionalEnum: PropTypes.oneOf(['News', 'Photos']),
6868

69-
// Właściwość może też mieć wiele typów
69+
// Właściwość może mieć też wiele typów.
7070
optionalUnion: PropTypes.oneOfType([
7171
PropTypes.string,
7272
PropTypes.number,
7373
PropTypes.instanceOf(Message)
7474
]),
7575

76-
// Tablica zawierająca elementy określonego typu
76+
// Tablica zawierająca elementy określonego typu.
7777
optionalArrayOf: PropTypes.arrayOf(PropTypes.number),
7878

79-
// Obiekt zawierający wartości określonego typu
79+
// Obiekt zawierający wartości określonego typu.
8080
optionalObjectOf: PropTypes.objectOf(PropTypes.number),
8181

82-
// Obiekt zawierający określone pola
82+
// Obiekt zawierający określone pola.
8383
optionalObjectWithShape: PropTypes.shape({
8484
color: PropTypes.string,
8585
fontSize: PropTypes.number
8686
}),
8787

88-
// Obiekt zawierający tylko wskazane pola
88+
// Obiekt zawierający tylko wskazane pola.
8989
optionalObjectWithStrictShape: PropTypes.exact({
9090
name: PropTypes.string,
9191
quantity: PropTypes.number
9292
}),
9393

94-
// Możesz dodać do każdego z powyższych `isRequired,
94+
// Możesz dodać do każdego z powyższych `isRequired`,
9595
// aby sprawdzić, czy podana właściwość została zdefiniowana.
9696
requiredFunc: PropTypes.func.isRequired,
9797

@@ -100,7 +100,7 @@ MyComponent.propTypes = {
100100

101101
// Możesz też utworzyć niestandardowy walidator. Powinien on zwracać obiekt `Error`,
102102
// jeśli sprawdzenie zakończy się niepowodzeniem. Nie powinien wywoływać `console.warn`
103-
// ani rzucać wyjątku, ponieważ nie będzie działał wewnątrz `oneOfType`.
103+
// ani rzucać wyjątku, ponieważ nie będzie działał on wewnątrz `oneOfType`.
104104
customProp: function(props, propName, componentName) {
105105
if (!/matchme/.test(props[propName])) {
106106
return new Error(
@@ -112,7 +112,7 @@ MyComponent.propTypes = {
112112

113113
// Możesz także przekazać niestandardowy walidator do `arrayOf` i `objectOf`.
114114
// Powinien on zwracać obiekt `Error`, jeśli sprawdzenie zakończy się niepowodzeniem.
115-
// Walidator będzie wywołany dla każdego klucza w tablicy lub obiekcie.
115+
// Walidator będzie wywoływany dla każdego klucza w tablicy lub obiekcie.
116116
// Pierwsze dwa argumenty walidatora to walidowana tablica lub obiekt oraz klucz bieżącego elementu.
117117
customArrayProp: PropTypes.arrayOf(function(propValue, key, componentName, location, propFullName) {
118118
if (!/matchme/.test(propValue[key])) {
@@ -127,7 +127,7 @@ MyComponent.propTypes = {
127127

128128
### Wymaganie dokładnie jednego potomka {#requiring-single-child}
129129

130-
Wykorzystując `PropTypes.element` możesz sprawdzić, czy tylko do komponentu przekazano dokładnie jednego potomka.
130+
Wykorzystując `PropTypes.element` możesz sprawdzić, czy do komponentu przekazano dokładnie jednego potomka.
131131

132132
```javascript
133133
import PropTypes from 'prop-types';

0 commit comments

Comments
 (0)