md: Replace tsx by ts for highlightjs support

This commit is contained in:
Eric NGUYEN 2022-09-23 18:10:30 +02:00
parent 3ecff4cf01
commit 8535416acc
4 changed files with 29 additions and 29 deletions

View file

@ -24,7 +24,7 @@ Selon comment vous écrivez le composant, classe ou fonctionnelle, la manière d
Pour les props :
```tsx
```ts
// functional
function Welcome(props) {
return <h1>Hello, {props.name}</h1>;
@ -110,9 +110,9 @@ La documentation qui suivra utilisera donc l'écriture fonctionnelle. Pour en sa
Les props sont des données entrer d'un composant. Comme pour un composant html ils décrivent simplement ce que le composant doit représenter.
Exemple :
Exemple :
```tsx
```ts
function Welcome(props) {
return <h1>Hello, {props.name}</h1>;
}
@ -125,7 +125,7 @@ Un composant ne possédant pas d'état est dit `stateless`.
Voici donc un exemple de composant React **avec état** :
```tsx
```ts
// Clock.tsx
interface IClockProps {
}
@ -157,7 +157,7 @@ export const Clock: React.FC<IClockProps> = (props) => {
Et voici la version **sans état** :
```tsx
```ts
// Clock.tsx
interface IClockProps {
time: Date
@ -218,7 +218,7 @@ const [value, setValue] = React.useState(defaultValue);
Revenons sur l'exemple de `useTicking`:
```tsx
```ts
const useTicking = (setTime) => {
React.useEffect(() => {
// componentDidMount