reactjs - 在 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上，它是这样的:

单引号有问题吗？ Github 是否因为 JavaScript/HTML 混合而无法渲染 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;
```

应该正确渲染