1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
next.js/examples/with-ioc/components/endbutton.js

24 lines
661 B
JavaScript
Raw Normal View History

import React from 'react'
import { inject } from 'ioc'
import PropTypes from 'prop-types'
@inject({
Router: PropTypes.object
})
export default class extends React.Component {
render () {
const { Router } = this.props
return (
<div style={{ marginTop: '5px', border: '1px dashed #00ff00', padding: '10px' }}>
<h3>EndButton</h3>
Uses injected `Router` component without direct dependency on one
<br />
<button onClick={() => Router.pushRoute('about', { foo: 'bar' })}>Route to About foo bar</button>
<br />
<button onClick={() => Router.pushRoute('/')}>go Home</button>
</div>
)
}
}