在 Github Markdown 中展示 React 代码

Question

我想在Github上创建一个React教程，但是我在显示格式上遇到了问题。我希望显示以下代码：

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

- Luke Schlangen

---

那不是JavaScript。试试JSX。 - jonrsharpe

https://andreypopp.github.io/reactdown/ - Alex McMillan

你也可以在撇号前加上 \ 反斜杠来转义该字符。 - foureyedraven

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

应该正确渲染

- Chase DeAnda

---

同时，tsx和ts是用于TypeScript的文件类型。 - Nickofthyme

@Kewin Dousse 我撤销了你的编辑，因为这个答案的目的是展示markdown ticks和语言。如果只是一个格式化的代码块，那对OP没有帮助。 - Chase DeAnda