在Github Markdown中显示React代码

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

应该正确渲染