Zeige React code in Github Markdown

Question

Ich versuche, ein React-Tutorial auf Github zu erstellen, aber ich habe Probleme damit, die Github-Formatierung mit dem auszurichten, was ich anzeigen möchte. Ich möchte diesen Code anzuzeigen:

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

Aber auf Github, es wird wie folgt mit:

Ist das Apostroph das Problem? Kann Github wegen des JavaScript/HTML-Mix nicht reagieren?

Answer 1

Verwenden JSX für die Sprache:

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

Sollte richtig machen