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

をレンダリングする必要**ない** JavaScriptを。 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; 
``` 

が正しくだ

関連する問題