You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
`dangerouslySetInnerHTML` jest zamiennikiem Reacta dla `innerHTML`w przeglądarkowym DOM. Ogólnie rzecz biorąc, używanie HTML w kodzie jest ryzykowane, ponieważ łatwo jest nieumyślnie narazić użytkowników na atak [cross-site scripting (XSS)](https://pl.wikipedia.org/wiki/Cross-site_scripting). Z tego powodu jedynym sposobem na wstawienie HTML bezpośrednio w Reakcie jest użycie `dangerouslySetInnerHTML` i przekazanie obiektu z kluczem `__html` -- wszystko po to, żeby pamiętać, iż jest to niebezpieczne. Przykład:
37
+
`dangerouslySetInnerHTML` jest reactowym odpowiednikiem dla `innerHTML`z przeglądarkowego DOM. Ogólnie rzecz biorąc, używanie HTML w kodzie jest ryzykowane, ponieważ łatwo jest nieumyślnie narazić użytkowników na atak [cross-site scripting (XSS)](https://pl.wikipedia.org/wiki/Cross-site_scripting). Z tego powodu jedynym sposobem na wstawienie HTML bezpośrednio w Reakcie jest użycie `dangerouslySetInnerHTML` i przekazanie obiektu z kluczem `__html` -- wszystko po to, żeby pamiętać, iż jest to niebezpieczne. Przykład:
38
38
39
39
```js
40
40
functioncreateMarkup() {
@@ -64,7 +64,7 @@ Atrybut `selected` jest wspierany przez element `<option>`. Możesz go użyć do
64
64
>
65
65
>Niektóre przykłady w dokumentacji używają `style` dla wygody, ale **używanie atrybutu `style` do stylowania elementów ogólnie nie jest zalecane.** W większości przypadków należy korzystać z atrybutu [`className`](#classname), odnosząc się do klas definiowanych w zewnętrznym arkuszu stylów (ang. *stylesheet*). `style` jest najczęściej używany w aplikacjach reactowych do dodawania stylów dynamicznych, zmieniających się przy kolejnych renderowaniach. Zobacz też [FAQ: Stylowanie i CSS](/docs/faq-styling.html).
66
66
67
-
Atrybut `style` przyjmuje obiekt JavaScript z właściwościami zapisanymi w notacji camelCase (nie ciągu znaków jak w CSS). Jest to zgodne z właściwością DOM `style` w JavaScripcie, poprawia wydajność i zapobiega dziurom w zabezpieczaniu XSS. Przykład:
67
+
Atrybut `style` przyjmuje javascriptowy obiekt z właściwościami zapisanymi w notacji camelCase (nie ciąg znaków jak w CSS). Jest to zgodne z właściwością DOM `style` w JavaScripcie, poprawia wydajność i zapobiega dziurom w zabezpieczeniach przed XSS. Przykład:
68
68
69
69
```js
70
70
constdivStyle= {
@@ -77,7 +77,7 @@ function HelloWorldComponent() {
77
77
}
78
78
```
79
79
80
-
Zauważ, że style nie mają automatycznie nadawanego prefiksu. Aby zapewnić wspacie dla wsparcia starszych przeglądarek, musisz nadać odpowiednie właściwości:
80
+
Zauważ, że style nie mają automatycznie nadawanego prefiksu. Aby zapewnić wparcie dla starszych przeglądarek, musisz nadać odpowiednie właściwości:
81
81
82
82
```js
83
83
constdivStyle= {
@@ -90,7 +90,7 @@ function ComponentWithTransition() {
90
90
}
91
91
```
92
92
93
-
Nazwy kluczy stylów zapisujemy w notacji camelCase, aby były zgodne z właściwościami węzłów DOM w JS (np. `node.style.backgroundImage`). Prefiksy dostawców (ang. *vendor prefixes*) [inne niż `ms`](https://www.andismith.com/blogs/2012/02/modernizr-prefixed/) powinny zaczynać się wielką literą. Dlatego `WebkitTransition` zaczyna się od wielkiej litery "W".
93
+
Nazwy kluczy stylów zapisujemy w notacji camelCase, aby były zgodne z właściwościami węzłów DOM w JS (np. `node.style.backgroundImage`). Prefiksy dostawców (ang. *vendor prefixes*) [inne niż `ms`](https://www.andismith.com/blogs/2012/02/modernizr-prefixed/) powinny zaczynać się od wielkiej litery. Dlatego `WebkitTransition` zaczyna się od wielkiej litery "W".
94
94
95
95
React automatycznie doda przyrostek "px" (piksele) dla pewnych liczbowych właściwości stylów. Jeśli chcesz użyć innych jednostek niż "px", określ wartość jako ciąg znaków z pożądaną jednostką. Przykład:
96
96
@@ -110,7 +110,7 @@ Nie wszystkie właściwości stylów są konwertowane do ciągów znaków z przy
Zwykle gdy element posiadający potomków jest oznaczony jako `contentEditable`, pojawia się ostrzeżenie, ponieważ mechanizm ten nie zadziała prawidłowo. Ten atrybut wyłącza to ostrzeżenie. Nie używaj go, chyba że tworzysz bibliotekę zarządzającą właściwością `contentEditable` manualnie, jak np. [Draft.js](https://facebook.github.io/draft-js/).
113
+
Zwykle gdy element posiadający potomków jest oznaczony jako `contentEditable`, pojawia się ostrzeżenie, ponieważ mechanizm ten nie zadziała prawidłowo. Ten atrybut wyłącza to ostrzeżenie. Nie używaj go, chyba że tworzysz bibliotekę zarządzającą właściwością `contentEditable` manualnie, jak np. [Draft.js](https://facebook.github.io/draft-js/).
0 commit comments