在Github Markdown中顯示反應代碼

Question

我正在嘗試在Github上創建一個React教程，但我遇到了使Github格式化與我想要顯示的內容排隊的問題。我想顯示此代碼：

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

但在Github上，則出現這樣的：

是單引號的問題？由於JavaScript/HTML組合，Github無法使用React嗎？

Answer 1

使用JSX的語言：

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

要正確渲染