Afficher le code React dans Github Markdown

Question

J'essaie de créer un tutoriel React sur Github, mais je n'arrive pas à obtenir le formatage Github à aligner avec ce que je veux afficher. Je voudrais afficher ce code:

```JavaScript 
import React, { Component } from 'react'; 
import logo from './logo.svg'; 
import './App.css'; 

class Child extends Component { 
    render() { 
    return (
     <p className="App-intro"> 
      I'm a childish component 
     </p> 
    ); 
    } 
} 

export default Child; 
``` 

Mais sur Github, il apparaît comme ceci:

La seule citation le problème? Github est incapable de déchirer React à cause du mélange JavaScript/HTML?

Answer 1

Utilisez JSX pour la langue:

```JSX 
import React, { Component } from 'react'; 
import logo from './logo.svg'; 
import './App.css'; 

class Child extends Component { 
    render() { 
    return (
     <p className="App-intro"> 
      I'm a childish component 
     </p> 
    ); 
    } 
} 

export default Child; 
``` 

rendrais correctement