Translate reference headings

Author: mirorauhala

src/content/reference/react-dom/client/createRoot.md

@@ -16,7 +16,7 @@ const root = createRoot(domNode, options?)
 
 ---
 
-## Reference {/*reference*/}
+## Viite {/*reference*/}
 
 ### `createRoot(domNode, options?)` {/*createroot*/}
 
@@ -39,7 +39,7 @@ An app fully built with React will usually only have one `createRoot` call for i
 
 [See more examples below.](#usage)
 
-#### Parameters {/*parameters*/}
+#### Parametrit {/*parameters*/}
 
 * `domNode`: A [DOM element.](https://developer.mozilla.org/en-US/docs/Web/API/Element) React will create a root for this DOM element and allow you to call functions on the root, such as `render` to display rendered React content.
 
@@ -48,11 +48,11 @@ An app fully built with React will usually only have one `createRoot` call for i
   * **optional** `onRecoverableError`: Callback called when React automatically recovers from errors.
   * **optional** `identifierPrefix`: A string prefix React uses for IDs generated by [`useId`.](/reference/react/useId) Useful to avoid conflicts when using multiple roots on the same page.
 
-#### Returns {/*returns*/}
+#### Palautukset {/*returns*/}
 
 `createRoot` returns an object with two methods: [`render`](#root-render) and [`unmount`.](#root-unmount)
 
-#### Caveats {/*caveats*/}
+#### Rajoitukset {/*caveats*/}
 * If your app is server-rendered, using `createRoot()` is not supported. Use [`hydrateRoot()`](/reference/react-dom/client/hydrateRoot) instead.
 * You'll likely have only one `createRoot` call in your app. If you use a framework, it might do this call for you.
 * When you want to render a piece of JSX in a different part of the DOM tree that isn't a child of your component (for example, a modal or a tooltip), use [`createPortal`](/reference/react-dom/createPortal) instead of `createRoot`.
@@ -71,16 +71,16 @@ React will display `<App />` in the `root`, and take over managing the DOM insid
 
 [See more examples below.](#usage)
 
-#### Parameters {/*root-render-parameters*/}
+#### Parametrit {/*root-render-parameters*/}
 
 * `reactNode`: A *React node* that you want to display. This will usually be a piece of JSX like `<App />`, but you can also pass a React element constructed with [`createElement()`](/reference/react/createElement), a string, a number, `null`, or `undefined`.
 
 
-#### Returns {/*root-render-returns*/}
+#### Palautukset {/*root-render-returns*/}
 
 `root.render` returns `undefined`.
 
-#### Caveats {/*root-render-caveats*/}
+#### Rajoitukset {/*root-render-caveats*/}
 
 * The first time you call `root.render`, React will clear all the existing HTML content inside the React root before rendering the React component into it.
 
@@ -105,24 +105,24 @@ This is mostly useful if your React root's DOM node (or any of its ancestors) ma
 Calling `root.unmount` will unmount all the components in the root and "detach" React from the root DOM node, including removing any event handlers or state in the tree. 
 
 
-#### Parameters {/*root-unmount-parameters*/}
+#### Parametrit {/*root-unmount-parameters*/}
 
 `root.unmount` does not accept any parameters.
 
 
-#### Returns {/*root-unmount-returns*/}
+#### Palautukset {/*root-unmount-returns*/}
 
 `root.unmount` returns `undefined`.
 
-#### Caveats {/*root-unmount-caveats*/}
+#### Rajoitukset {/*root-unmount-caveats*/}
 
 * Calling `root.unmount` will unmount all the components in the tree and "detach" React from the root DOM node.
 
 * Once you call `root.unmount` you cannot call `root.render` again on the same root. Attempting to call `root.render` on an unmounted root will throw a "Cannot update an unmounted root" error. However, you can create a new root for the same DOM node after the previous root for that node has been unmounted.
 
 ---
 
-## Usage {/*usage*/}
+## Käyttö {/*usage*/}
 
 ### Rendering an app fully built with React {/*rendering-an-app-fully-built-with-react*/}
 
@@ -343,7 +343,7 @@ export default function App({counter}) {
 It is uncommon to call `render` multiple times. Usually, your components will [update state](/reference/react/useState) instead.
 
 ---
-## Troubleshooting {/*troubleshooting*/}
+## Vianmääritys {/*troubleshooting*/}
 
 ### I've created a root, but nothing is displayed {/*ive-created-a-root-but-nothing-is-displayed*/}
 

src/content/reference/react-dom/client/hydrateRoot.md

@@ -16,7 +16,7 @@ const root = hydrateRoot(domNode, reactNode, options?)
 
 ---
 
-## Reference {/*reference*/}
+## Viite {/*reference*/}
 
 ### `hydrateRoot(domNode, reactNode, options?)` {/*hydrateroot*/}
 
@@ -33,7 +33,7 @@ React will attach to the HTML that exists inside the `domNode`, and take over ma
 
 [See more examples below.](#usage)
 
-#### Parameters {/*parameters*/}
+#### Parametrit {/*parameters*/}
 
 * `domNode`: A [DOM element](https://developer.mozilla.org/en-US/docs/Web/API/Element) that was rendered as the root element on the server.
 
@@ -45,11 +45,11 @@ React will attach to the HTML that exists inside the `domNode`, and take over ma
   * **optional** `identifierPrefix`: A string prefix React uses for IDs generated by [`useId`.](/reference/react/useId) Useful to avoid conflicts when using multiple roots on the same page. Must be the same prefix as used on the server.
 
 
-#### Returns {/*returns*/}
+#### Palautukset {/*returns*/}
 
 `hydrateRoot` returns an object with two methods: [`render`](#root-render) and [`unmount`.](#root-unmount)
 
-#### Caveats {/*caveats*/}
+#### Rajoitukset {/*caveats*/}
 
 * `hydrateRoot()` expects the rendered content to be identical with the server-rendered content. You should treat mismatches as bugs and fix them.
 * In development mode, React warns about mismatches during hydration. There are no guarantees that attribute differences will be patched up in case of mismatches. This is important for performance reasons because in most apps, mismatches are rare, and so validating all markup would be prohibitively expensive.
@@ -70,16 +70,16 @@ React will update `<App />` in the hydrated `root`.
 
 [See more examples below.](#usage)
 
-#### Parameters {/*root-render-parameters*/}
+#### Parametrit {/*root-render-parameters*/}
 
 * `reactNode`: A "React node" that you want to update. This will usually be a piece of JSX like `<App />`, but you can also pass a React element constructed with [`createElement()`](/reference/react/createElement), a string, a number, `null`, or `undefined`.
 
 
-#### Returns {/*root-render-returns*/}
+#### Palautukset {/*root-render-returns*/}
 
 `root.render` returns `undefined`.
 
-#### Caveats {/*root-render-caveats*/}
+#### Rajoitukset {/*root-render-caveats*/}
 
 * If you call `root.render` before the root has finished hydrating, React will clear the existing server-rendered HTML content and switch the entire root to client rendering.
 
@@ -100,24 +100,24 @@ This is mostly useful if your React root's DOM node (or any of its ancestors) ma
 Calling `root.unmount` will unmount all the components in the root and "detach" React from the root DOM node, including removing any event handlers or state in the tree. 
 
 
-#### Parameters {/*root-unmount-parameters*/}
+#### Parametrit {/*root-unmount-parameters*/}
 
 `root.unmount` does not accept any parameters.
 
 
-#### Returns {/*root-unmount-returns*/}
+#### Palautukset {/*root-unmount-returns*/}
 
 `root.unmount` returns `undefined`.
 
-#### Caveats {/*root-unmount-caveats*/}
+#### Rajoitukset {/*root-unmount-caveats*/}
 
 * Calling `root.unmount` will unmount all the components in the tree and "detach" React from the root DOM node.
 
 * Once you call `root.unmount` you cannot call `root.render` again on the root. Attempting to call `root.render` on an unmounted root will throw a "Cannot update an unmounted root" error.
 
 ---
 
-## Usage {/*usage*/}
+## Käyttö {/*usage*/}
 
 ### Hydrating server-rendered HTML {/*hydrating-server-rendered-html*/}
 

src/content/reference/react-dom/components/common.md

@@ -12,7 +12,7 @@ All built-in browser components, such as [`<div>`](https://developer.mozilla.org
 
 ---
 
-## Reference {/*reference*/}
+## Viite {/*reference*/}
 
 ### Common components (e.g. `<div>`) {/*common*/}
 
@@ -22,7 +22,7 @@ All built-in browser components, such as [`<div>`](https://developer.mozilla.org
 
 [See more examples below.](#usage)
 
-#### Props {/*common-props*/}
+#### Propsit {/*common-props*/}
 
 These special React props are supported for all built-in components:
 
@@ -234,7 +234,7 @@ These events fire for resources like [`<audio>`](https://developer.mozilla.org/e
 * [`onWaiting`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/waiting_event): An [`Event` handler](#event-handler) function. Fires when the playback stopped due to temporary lack of data.
 * `onWaitingCapture`: A version of `onWaiting` that fires in the [capture phase.](/learn/responding-to-events#capture-phase-events)
 
-#### Caveats {/*common-caveats*/}
+#### Rajoitukset {/*common-caveats*/}
 
 - You cannot pass both `children` and `dangerouslySetInnerHTML` at the same time.
 - Some events (like `onAbort` and `onLoad`) don't bubble in the browser, but bubble in React.
@@ -255,11 +255,11 @@ When the `<div>` DOM node is added to the screen, React will call your `ref` cal
 
 React will also call your `ref` callback whenever you pass a *different* `ref` callback. In the above example, `(node) => { ... }` is a different function on every render. When your component re-renders, the *previous* function will be called with `null` as the argument, and the *next* function will be called with the DOM node.
 
-#### Parameters {/*ref-callback-parameters*/}
+#### Parametrit {/*ref-callback-parameters*/}
 
 * `node`: A DOM node or `null`. React will pass you the DOM node when the ref gets attached, and `null` when the ref gets detached. Unless you pass the same function reference for the `ref` callback on every render, the callback will get temporarily detached and re-attached during every re-render of the component.
 
-#### Returns {/*returns*/}
+#### Palautukset {/*returns*/}
 
 Do not return anything from the `ref` callback.
 
@@ -310,7 +310,7 @@ Additionally, React event objects provide these methods:
 * `persist()`: Not used with React DOM. With React Native, call this to read event's properties after the event.
 * `isPersistent()`: Not used with React DOM. With React Native, returns whether `persist` has been called.
 
-#### Caveats {/*react-event-object-caveats*/}
+#### Rajoitukset {/*react-event-object-caveats*/}
 
 * The values of `currentTarget`, `eventPhase`, `target`, and `type` reflect the values your React code expects. Under the hood, React attaches event handlers at the root, but this is not reflected in React event objects. For example, `e.currentTarget` may not be the same as the underlying `e.nativeEvent.currentTarget`. For polyfilled events, `e.type` (React event type) may differ from `e.nativeEvent.type` (underlying type).
 
@@ -328,7 +328,7 @@ An event handler type for the [CSS animation](https://developer.mozilla.org/en-U
 />
 ```
 
-#### Parameters {/*animationevent-handler-parameters*/}
+#### Parametrit {/*animationevent-handler-parameters*/}
 
 * `e`: A [React event object](#react-event-object) with these extra [`AnimationEvent`](https://developer.mozilla.org/en-US/docs/Web/API/AnimationEvent) properties:
   * [`animationName`](https://developer.mozilla.org/en-US/docs/Web/API/AnimationEvent/animationName)
@@ -349,7 +349,7 @@ An event handler type for the [Clipboard API](https://developer.mozilla.org/en-U
 />
 ```
 
-#### Parameters {/*clipboadevent-handler-parameters*/}
+#### Parametrit {/*clipboadevent-handler-parameters*/}
 
 * `e`: A [React event object](#react-event-object) with these extra [`ClipboardEvent`](https://developer.mozilla.org/en-US/docs/Web/API/ClipboardEvent) properties:
 
@@ -369,7 +369,7 @@ An event handler type for the [input method editor (IME)](https://developer.mozi
 />
 ```
 
-#### Parameters {/*compositionevent-handler-parameters*/}
+#### Parametrit {/*compositionevent-handler-parameters*/}
 
 * `e`: A [React event object](#react-event-object) with these extra [`CompositionEvent`](https://developer.mozilla.org/en-US/docs/Web/API/CompositionEvent) properties:
   * [`data`](https://developer.mozilla.org/en-US/docs/Web/API/CompositionEvent/data)
@@ -401,7 +401,7 @@ An event handler type for the [HTML Drag and Drop API](https://developer.mozilla
 </>
 ```
 
-#### Parameters {/*dragevent-handler-parameters*/}
+#### Parametrit {/*dragevent-handler-parameters*/}
 
 * `e`: A [React event object](#react-event-object) with these extra [`DragEvent`](https://developer.mozilla.org/en-US/docs/Web/API/DragEvent) properties:
   * [`dataTransfer`](https://developer.mozilla.org/en-US/docs/Web/API/DragEvent/dataTransfer)
@@ -445,7 +445,7 @@ An event handler type for the focus events.
 
 [See an example.](#handling-focus-events)
 
-#### Parameters {/*focusevent-handler-parameters*/}
+#### Parametrit {/*focusevent-handler-parameters*/}
 
 * `e`: A [React event object](#react-event-object) with these extra [`FocusEvent`](https://developer.mozilla.org/en-US/docs/Web/API/FocusEvent) properties:
   * [`relatedTarget`](https://developer.mozilla.org/en-US/docs/Web/API/FocusEvent/relatedTarget)
@@ -461,7 +461,7 @@ An event handler type for the focus events.
 
 An event handler type for generic events.
 
-#### Parameters {/*event-handler-parameters*/}
+#### Parametrit {/*event-handler-parameters*/}
 
 * `e`: A [React event object](#react-event-object) with no additional properties.
 
@@ -475,7 +475,7 @@ An event handler type for the `onBeforeInput` event.
 <input onBeforeInput={e => console.log('onBeforeInput')} />
 ```
 
-#### Parameters {/*inputevent-handler-parameters*/}
+#### Parametrit {/*inputevent-handler-parameters*/}
 
 * `e`: A [React event object](#react-event-object) with these extra [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent) properties:
   * [`data`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent/data)
@@ -495,7 +495,7 @@ An event handler type for keyboard events.
 
 [See an example.](#handling-keyboard-events)
 
-#### Parameters {/*keyboardevent-handler-parameters*/}
+#### Parametrit {/*keyboardevent-handler-parameters*/}
 
 * `e`: A [React event object](#react-event-object) with these extra [`KeyboardEvent`](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent) properties:
   * [`altKey`](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/altKey)
@@ -536,7 +536,7 @@ An event handler type for mouse events.
 
 [See an example.](#handling-mouse-events)
 
-#### Parameters {/*mouseevent-handler-parameters*/}
+#### Parametrit {/*mouseevent-handler-parameters*/}
 
 * `e`: A [React event object](#react-event-object) with these extra [`MouseEvent`](https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent) properties:
   * [`altKey`](https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/altKey)
@@ -579,7 +579,7 @@ An event handler type for [pointer events.](https://developer.mozilla.org/en-US/
 
 [See an example.](#handling-pointer-events)
 
-#### Parameters {/*pointerevent-handler-parameters*/}
+#### Parametrit {/*pointerevent-handler-parameters*/}
 
 * `e`: A [React event object](#react-event-object) with these extra [`PointerEvent`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent) properties:
   * [`height`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/height)
@@ -632,7 +632,7 @@ An event handler type for [touch events.](https://developer.mozilla.org/en-US/do
 />
 ```
 
-#### Parameters {/*touchevent-handler-parameters*/}
+#### Parametrit {/*touchevent-handler-parameters*/}
 
 * `e`: A [React event object](#react-event-object) with these extra [`TouchEvent`](https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent) properties:
   * [`altKey`](https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent/altKey)
@@ -661,7 +661,7 @@ An event handler type for the CSS transition events.
 />
 ```
 
-#### Parameters {/*transitionevent-handler-parameters*/}
+#### Parametrit {/*transitionevent-handler-parameters*/}
 
 * `e`: A [React event object](#react-event-object) with these extra [`TransitionEvent`](https://developer.mozilla.org/en-US/docs/Web/API/TransitionEvent) properties:
   * [`elapsedTime`](https://developer.mozilla.org/en-US/docs/Web/API/TransitionEvent/elapsedTime)
@@ -680,7 +680,7 @@ An event handler type for generic UI events.
 />
 ```
 
-#### Parameters {/*uievent-handler-parameters*/}
+#### Parametrit {/*uievent-handler-parameters*/}
 
 * `e`: A [React event object](#react-event-object) with these extra [`UIEvent`](https://developer.mozilla.org/en-US/docs/Web/API/UIEvent) properties:
   * [`detail`](https://developer.mozilla.org/en-US/docs/Web/API/UIEvent/detail)
@@ -698,7 +698,7 @@ An event handler type for the `onWheel` event.
 />
 ```
 
-#### Parameters {/*wheelevent-handler-parameters*/}
+#### Parametrit {/*wheelevent-handler-parameters*/}
 
 * `e`: A [React event object](#react-event-object) with these extra [`WheelEvent`](https://developer.mozilla.org/en-US/docs/Web/API/WheelEvent) properties:
   * [`deltaMode`](https://developer.mozilla.org/en-US/docs/Web/API/WheelEvent/deltaMode)
@@ -733,7 +733,7 @@ An event handler type for the `onWheel` event.
 
 ---
 
-## Usage {/*usage*/}
+## Käyttö {/*usage*/}
 
 ### Applying CSS styles {/*applying-css-styles*/}