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>
|
|
);
|
|
}
|
|
}
|