Benoît Hubert 7 anni fa
parent
commit
905a11c2b6

+ 3 - 0
react-tuto/src/index.js

@@ -2,7 +2,9 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import ReactMarkdown from 'react-markdown';
 import { Switch, Route, HashRouter, Link } from 'react-router-dom';
+const markdown = require('./markdown.json');
 
+console.log(markdown);
 const input = '# This is a header\n\nAnd this is a paragraph'
 
 class Page extends React.Component {
@@ -22,6 +24,7 @@ class App extends React.Component {
     return (
       <div>
         <Page title="pouet" md={"##### Section 1\n\nPouet pouet pouet"} />
+        <Page title="pouet" md={markdown.part1.index} />
         <h5 className="header">1. D'abord, un peu de HTML</h5>
         <p>Ouvre le fichier <code>empty.html</code>.</p>
         <p>Tu n'y verras pas grand chose. C'est normal, ça va être à toi de jouer !</p>

+ 1 - 1
react-tuto/src/markdown.json

@@ -1 +1 @@
-{"part1":{"index":"# Markdown\n"},"part2":{}}
+{"part1":{"index":"# Markdown\n\n```javascript\nalert('toto');\n```\n"},"part2":{}}

+ 4 - 0
react-tuto/src/markdown/part1/index.md

@@ -1 +1,5 @@
 # Markdown
+
+```javascript
+alert('toto');
+```