Count: {state.count}
- - +Сума: {state.count}
+ +Current theme: {theme}
+Поточна тема: {theme}
Current object: {object.kind}
+Поточний об'єкт: {object.kind}
Value: {value}
+Значення: {value}
); } ``` -## Useful Types {/*useful-types*/} +## Корисні типи {/*useful-types*/} -There is quite an expansive set of types which come from the `@types/react` package, it is worth a read when you feel comfortable with how React and TypeScript interact. You can find them [in React's folder in DefinitelyTyped](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/react/index.d.ts). We will cover a few of the more common types here. +У пакеті `@types/react` є досить значний набір типів, який варто переглянути, коли ви відчуєте себе впевнено у роботі із взаємодією React і TypeScript. Ви можете знайти їх [у каталозі React з репозиторію DefinitelyTyped](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/react/index.d.ts). Тут ми розглянемо декілька найбільш поширених типів. -### DOM Events {/*typing-dom-events*/} +### Події DOM {/*typing-dom-events*/} -When working with DOM events in React, the type of the event can often be inferred from the event handler. However, when you want to extract a function to be passed to an event handler, you will need to explicitly set the type of the event. +Працюючи з подіями DOM у React, часто можна вивести тип події з її обробника. Однак, коли ви хочете винести функцію, щоб передати її обробнику подій, вам потрібно явно вказати тип події.Value: {value}
+Значення: {value}
); } @@ -407,15 +407,15 @@ export default App = AppTSX;