mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
4bd30c8713
* Example: Form handler with Redux and React-bootstrap * inputChange refactoring * Destructuring inputChange
27 lines
512 B
JavaScript
27 lines
512 B
JavaScript
import React, {Component} from 'react'
|
|
import { Col, Row } from 'react-bootstrap'
|
|
import { connect } from 'react-redux'
|
|
|
|
class DisplayForm extends Component {
|
|
render () {
|
|
const { state } = this.props
|
|
return (
|
|
<div>
|
|
<Row>
|
|
<Col lg={8} lgOffset={2}>
|
|
<pre>{JSON.stringify(state, null, 2) }</pre>
|
|
</Col>
|
|
</Row>
|
|
</div>
|
|
)
|
|
}
|
|
}
|
|
|
|
const mapStateToProps = state => {
|
|
return {
|
|
state
|
|
}
|
|
}
|
|
|
|
export default connect(mapStateToProps)(DisplayForm)
|