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

应该正确渲染