60 lines
1.5 KiB
JavaScript
60 lines
1.5 KiB
JavaScript
|
import React from "react";
|
||
|
|
||
|
export default class MyForm extends React.Component {
|
||
|
render() {
|
||
|
return (
|
||
|
<div className="my-form">
|
||
|
<h1 class="title">title</h1>
|
||
|
<div class="prompt">
|
||
|
Event Name:
|
||
|
<input
|
||
|
class="form-input"
|
||
|
name="name"
|
||
|
value={this.props.name}
|
||
|
onChange={this.props.handleChange}
|
||
|
/>
|
||
|
</div>
|
||
|
<div class="prompt">
|
||
|
Date:
|
||
|
<input
|
||
|
class="form-input"
|
||
|
type="date"
|
||
|
name="date"
|
||
|
value={this.props.date}
|
||
|
onChange={this.props.handleChange}
|
||
|
/>
|
||
|
</div>
|
||
|
<div class="prompt">
|
||
|
Time (EST):
|
||
|
<input
|
||
|
class="form-input"
|
||
|
type="time"
|
||
|
name="time"
|
||
|
value={this.props.time}
|
||
|
onChange={this.props.handleChange}
|
||
|
/>
|
||
|
</div>
|
||
|
<div class="prompt">
|
||
|
Abstract:
|
||
|
<input
|
||
|
class="form-input"
|
||
|
name="abstract"
|
||
|
value={this.props.abstract}
|
||
|
onChange={this.props.handleChange}
|
||
|
/>
|
||
|
</div>
|
||
|
<div class="prompt">
|
||
|
Description:
|
||
|
<textarea
|
||
|
class="form-input" // maybe diff
|
||
|
name="description"
|
||
|
value={this.props.description}
|
||
|
onChange={this.props.handleChange}
|
||
|
/>
|
||
|
</div>
|
||
|
<button onClick={this.props.handleSubmit}>Submit</button>
|
||
|
</div>
|
||
|
);
|
||
|
}
|
||
|
}
|