class-based vs functional components

class-based vs functional components.jsx

// class-based component
class Text extends React.Component {
  render() {
    return <span>{this.props.children}</span>
  }
}

// functional component
const Text = props => {
  return <span>{props.children}</span>;
};