Commit cd998f2

author

vinogradov

committed

add react-router examples

1 parent 3c1e474 commit cd998f2Copy full SHA for cd998f2

File tree

+30

-2

lines changed

+30

-2

lines changed

Lines changed: 1 addition & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -7,3 +7,4 @@ import './examples/react/index';`
`7`	`7`	`// import './examples/redux/one-file';`
`8`	`8`	`// import './examples/redux/separate-files';`
`9`	`9`	`// import './examples/redux/separate-files-redux-actions';`
	`10`	`+// import './examples/router';`

Lines changed: 2 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`		`-import *asReact from 'react';`
`2`		`-import *asReactDOM from 'react-dom';`
	`1`	`+import React from 'react';`
	`2`	`+import ReactDOM from 'react-dom';`
`3`	`3`	`import {Hello} from './hello';`
`4`	`4`
`5`	`5`	`ReactDOM.render(`

Lines changed: 27 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,27 @@`
	`1`	`+import React from 'react';`
	`2`	`+import ReactDOM from 'react-dom';`
	`3`	`+import {BrowserRouter, Link, Route} from 'react-router-dom';`
	`4`	`+`
	`5`	`+const Route1 = () => <h2>Route1</h2>;`
	`6`	`+const Route2 = () => <h2>Route2</h2>;`
	`7`	`+`
	`8`	`+const App = (props) => {`
	`9`	`+ console.log('App', props); // eslint-disable-line no-console`
	`10`	`+`
	`11`	`+ return (`
	`12`	`+ <div>`
	`13`	`+ <p><Link to="/route1">route1</Link></p>`
	`14`	`+ <p><Link to="/route2">route2</Link></p>`
	`15`	`+`
	`16`	`+ <Route path="/route1" component={Route1} />`
	`17`	`+ <Route path="/route2" component={Route2} />`
	`18`	`+ </div>`
	`19`	`+ );`
	`20`	`+};`
	`21`	`+`
	`22`	`+ReactDOM.render(`
	`23`	`+ <BrowserRouter>`
	`24`	`+ <Route component={App} />`
	`25`	`+ </BrowserRouter>,`
	`26`	`+ document.querySelector('#app')`
	`27`	`+);`

Comments

(0)