2017-10-16 8 views
0

Github에 대한 React 튜토리얼을 만들려고합니다. 그러나 Github 포맷을 표시하고자하는 것과 정렬하는 데 문제가 있습니다. 반응 코드를 Github Markdown에 표시하십시오.

```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에서에

, 그것은 다음과 같이 표시됩니다 :

enter image description here

작은 따옴표 문제가이 코드를 표시 하시겠습니까? Github는 JavaScript/HTML 믹스 때문에 튀어 나오지 못합니까? 언어에 대한

+4

렌더링해야 **하지 ** 자바 스크립트. JSX를 사용해보십시오. – jonrsharpe

+0

https://andreypopp.github.io/reactdown/ –

답변

2

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

가 제대로입니다