A Simple React Component

Simple React Component #

React components implement a render() method that takes input data and returns
what to display. This example uses an XML-like syntax called JSX. Input data
that is passed into the component can be accessed by render() via this.props.

class HelloMessage extends React.Component {
  render() {
    return <div>Hello {this.props.name}</div>
  }
}

ReactDOM.render(
  <HelloMessage name="Taylor" />,
  document.getElementById('hello-example'),
)

• Next: Doing a (GET) fetch request