Skip to content

Commit

Permalink
Fix typos
Browse files Browse the repository at this point in the history
  • Loading branch information
mirorauhala committed Sep 29, 2023
1 parent a6736c3 commit 33af4fc
Show file tree
Hide file tree
Showing 2 changed files with 3 additions and 5 deletions.
2 changes: 1 addition & 1 deletion src/content/reference/react-dom/components/common.md
Original file line number Diff line number Diff line change
Expand Up @@ -61,7 +61,7 @@ Nämä standardit DOM propsit tuetaan myös kaikissa sisäänrakennetuissa kompo
* [`onAnimationIteration`](https://developer.mozilla.org/en-US/docs/Web/API/Element/animationiteration_event): [`AnimationEvent` käsittelijäfunktio](#animationevent-handler). Suoritetaan kun CSS animaation iteraatio päättyy ja toinen alkaa.
* `onAnimationIterationCapture`: Versio `onAnimationIteration`:sta joka suoritetaan [nappausvaiheessa.](/learn/responding-to-events#capture-phase-events)
* [`onAnimationStart`](https://developer.mozilla.org/en-US/docs/Web/API/Element/animationstart_event): [`AnimationEvent` käsittelijäfunktio](#animationevent-handler). Suoritetaan kun CSS animaatio alkaa.
* `onAnimationStartCapture`: `onAnimationStart`, but fires in the [nappausvaiheessa.](/learn/responding-to-events#capture-phase-events)
* `onAnimationStartCapture`: `onAnimationStart`, mutta suoritetaan [nappausvaiheessa.](/learn/responding-to-events#capture-phase-events)
* [`onAuxClick`](https://developer.mozilla.org/en-US/docs/Web/API/Element/auxclick_event): [`MouseEvent` käsittelijäfunktio](#mouseevent-handler). Suoritetaan kun ei-pääpainiketta painetaan.
* `onAuxClickCapture`: Versio `onAuxClick`:sta joka suoritetaan [nappausvaiheessa.](/learn/responding-to-events#capture-phase-events)
* `onBeforeInput`: [`InputEvent` käsittelijäfunktio](#inputevent-handler). Suoritetaan ennen muokattavan elementin arvon muuttamista. React ei vielä käytä selaimen [`beforeinput`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event) tapahtumaa, vaan yrittää polyfillata sen käyttäen muita eventtejä.
Expand Down
6 changes: 2 additions & 4 deletions src/content/reference/react-dom/components/select.md
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ Nämä `<select>`-propsit ovat olennaisia sekä kontrolloimattomille että kontr

* [`autoComplete`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#autocomplete): Merkkijono. Määrittää yhden mahdollisista [automaattisen täydennyksen käyttäytymistavoista.](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values)
* [`autoFocus`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#autofocus): Totuusarvo. Jos `true`, React kohdistaa elementtiin mountatessa.
* `children`: `<select>` hyväksyy [`<option>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option), [`<optgroup>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/optgroup), ja [`<datalist>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist) komponentit lapsina. Boit myös välittää omia komponentteja kunhan ne lopulta renderöivät jonkun sallituista komponenteista. Jos välität omia komponentteja, jotka lopulta renderöivät `<option>` tageja, jokaisen `<option>`:n täytyy omata `value`.
* `children`: `<select>` hyväksyy [`<option>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option), [`<optgroup>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/optgroup), ja [`<datalist>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist) komponentit lapsina. Voit myös välittää omia komponentteja kunhan ne lopulta renderöivät jonkun sallituista komponenteista. Jos välität omia komponentteja, jotka lopulta renderöivät `<option>` tageja, jokaisen `<option>`:n täytyy omata `value`.
* [`disabled`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#disabled): Totuusarvo. Jos `true`, valintalista ei ole interaktiivinen ja näkyy himmennettynä.
* [`form`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#form): Merkkijono. Määrittää `<form>` lomakkeen `id` :n johon tämä kenttä kuuluu. Jos jätetty pois, se on lähin ylätason lomake.
* [`multiple`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#multiple): Totuusarvo. Jos `true`, selain mahdollistaa [monen vaihtoehdon valinnan.](#enabling-multiple-selection)
Expand Down Expand Up @@ -155,7 +155,7 @@ select { margin: 5px; }

---

### Aluksi valintun valinnan tarjoaminen {/*providing-an-initially-selected-option*/}
### Aluksi valitun valinnan tarjoaminen {/*providing-an-initially-selected-option*/}

Oletuksena, selain valitsee ensimmäisen `<option>`-komponentin listasta. Valitaksesi eri vaihtoehdon oletuksena, välitä sen `<option>`-komponentin `value`-arvo `<select>`-komponentille `defaultValue`-propsina.

Expand Down Expand Up @@ -304,8 +304,6 @@ Oletuksena, *mikä tahansa* `<form>`:n sisällä oleva `<button>` lähettää s

Valintalista kuten `<select />` on *kontrolloimaton*. Vaikka [välittäisit aluksi valitun arvon](#providing-an-initially-selected-option) kuten `<select defaultValue="orange" />`, JSX:si määrittelee vain aluksi valitun arvon, ei arvoa juuri nyt.

**To render a _controlled_ select box, pass the `value` prop to it.** React will force the select box to always have the `value` you passed. Typically, you will control a select box by declaring a [state variable:](/reference/react/useState)

**Renderöidäksesi _kontrolloidun_ valintalistan, välitä sille `value`-propsi.** React pakottaa valintalistan aina sisältämään välittämäsi `value`-arvon. Tyypillisesti, ohjaat valintalistaa määrittämällä [tilamuuttujan:](/reference/react/useState)

```js {2,6,7}
Expand Down

0 comments on commit 33af4fc

Please sign in to comment.