Also: React Router Anatomy of a react component:
import React from 'react';
// Alternative:
// import React, { Component } from 'react';
// class FirstComponent extends Component {
class FirstComponent extends React.Component {
render() {
return (
<p>Hello</p>
)
}
}
// 'return' can only return one element! If you need more than one, wrap the elements in a div
export default FirstComponent;
Comment in jsx: { /* This comment */ }
To be able to reference this in a component, on form submission, you can do so in an onSubmit function: onSubmit={(e) => { this.submit(e) }}
Alternatively, you can use a "constructor" before the component is instantiated:
class FirstCompnent extends React.Component {
constructor() {
super();
this.submit = this.submit.bind(this);