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

Commit

Permalink
Translate faq/JSX
Browse files Browse the repository at this point in the history
  • Loading branch information
rspt committed Apr 24, 2017
1 parent 562b75f commit ff0bf64
Showing 1 changed file with 27 additions and 0 deletions.
27 changes: 27 additions & 0 deletions fr/faq/jsx.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
---
title: JSX
description: Commen utiliser JSX avec Nuxt.js?
---

# Comment utiliser JSX?

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.

Vous pouvez utiliser JSX dans la méthode `render` de vos composants:

```html
<script>
export default {
data () {
return { name: 'World' }
},
render (h) {
return <h1 class="red">{this.name}</h1>
}
}
</script>
```

<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>

Vous pouvez en savoir plus dans la [section JSX] (https://vuejs.org/v2/guide/render-function.html#JSX) de la documentation Vue.js.

0 comments on commit ff0bf64

Please sign in to comment.