import React from 'react';
import './Note.scss';

export default class Note extends React.Component {
  render() {
    const note = this.props;
    return (
      <div className="note">
        <h1>{note.title}</h1>
        <pre>{note.content}</pre>
      </div>
    );
  }
}

import React from 'react';
import './Note.scss';

export default function Note({ title, content }) {
  return (
    <div className="note">
      <h1>{title}</h1>
      <pre>{content}</pre>
    </div>
  );
}

Use stateless normal function over class
Use stateless normal function over class
