Skip to content

Instantly share code, notes, and snippets.

@salami-art
Last active September 24, 2018 18:41
Show Gist options
  • Save salami-art/238004eca976ec0a7f7fe128751b1ab4 to your computer and use it in GitHub Desktop.
Save salami-art/238004eca976ec0a7f7fe128751b1ab4 to your computer and use it in GitHub Desktop.
./src/components/event_form.js
Module Error (from ./node_modules/eslint-loader/index.js):
/Users/me/gatsby-site/src/components/event_form.js
29:5 error Parsing error: Unexpected token
27 |
28 | render = () => {
> 29 | let form = this.props.formData;
| ^
30 | return (
31 | <form>
32 | <label>Hello, my name is: {form.title}</label>
✖ 1 problem (1 error, 0 warnings)
import React from "react";
class EventForm extends React.Component {
constructor(props) {
super(props);
}
getFieldHTML = field => {
let field_html;
switch (field.type) {
case 'single-line-text':
field_html = <input className="input is-primary" name={field.slug} type="text" placeholder={field.placeholder} required={field.required}>;
break;
case 'email':
field_html = <input className="input is-primary" name={field.slug} type="email" placeholder={field.placeholder} required={field.required}>;
break;
case 'phone':
field_html = <input className="input is-primary" name={field.slug} type="tel" placeholder={field.placeholder} required={field.required}>;
break;
default:
field_html = <input className="input is-primary" name={field.slug} type="text" placeholder={field.placeholder} required={field.required}>;
break;
}
return field_html;
}
render = () => {
let form = this.props.formData;
return (
<form>
<label>Hello, my name is: {form.title}</label>
{ form.wordpress_fields.map((field) =>
<div key={field.id} className="field">
<div className="field-label is-normal">
<label className="label">{field.label}</label>
</div>
<div className="control">
{this.getFieldHTML(field)}
</div>
</div>
)}
</form>
)
}
}
export default EventForm
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment