Skip to content
This repository was archived by the owner on Sep 3, 2024. It is now read-only.

Commit ff0bf64

Browse files
committed
Translate faq/JSX
1 parent 562b75f commit ff0bf64

File tree

1 file changed

+27
-0
lines changed

1 file changed

+27
-0
lines changed

Diff for: fr/faq/jsx.md

+27
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
---
2+
title: JSX
3+
description: Commen utiliser JSX avec Nuxt.js?
4+
---
5+
6+
# Comment utiliser JSX?
7+
8+
Nuxt.js utilise le preset [babel-preset-vue-app](https://github.com/vuejs/babel-preset-vue-app) officiel comme configuration de défaut afin de pouvoir utiliser JSX dans vos composants.
9+
10+
Vous pouvez utiliser JSX dans la méthode `render` de vos composants:
11+
12+
```html
13+
<script>
14+
export default {
15+
data () {
16+
return { name: 'World' }
17+
},
18+
render (h) {
19+
return <h1 class="red">{this.name}</h1>
20+
}
21+
}
22+
</script>
23+
```
24+
25+
<p class="Alert Alert--info">Créer un alias `h` pour `createElement` est une convention commune que vous rencontrerez dans l'écosystème Vue et est nécessaire pour JSX. Si `h` n'est pas disponible dans le scope, **votre application reportera une erreur**.</p>
26+
27+
Vous pouvez en savoir plus dans la [section JSX] (https://vuejs.org/v2/guide/render-function.html#JSX) de la documentation Vue.js.

0 commit comments

Comments
 (0)