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

要正确渲染