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
35 lines
747 B
JavaScript
35 lines
747 B
JavaScript
import React, {Component} from 'react'
|
|
import Head from 'next/head'
|
|
import { Col, Row } from 'react-bootstrap'
|
|
|
|
import Header from './Header'
|
|
import DisplayForm from './DisplayForm'
|
|
|
|
import UserForm from './UserForm'
|
|
import Social from './Social'
|
|
|
|
class Main extends Component {
|
|
render () {
|
|
return (
|
|
<div>
|
|
<Head>
|
|
<title>Form Handler</title>
|
|
<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css' />
|
|
</Head>
|
|
<Header />
|
|
<DisplayForm />
|
|
<Row>
|
|
<Col lg={6}>
|
|
<UserForm />
|
|
</Col>
|
|
<Col lg={6}>
|
|
<Social />
|
|
</Col>
|
|
</Row>
|
|
</div>
|
|
)
|
|
}
|
|
}
|
|
|
|
export default Main
|