marensas

import React from 'react';

class Heading extends React.PureComponent {
    render() {
        return <h1>{this.props.title}</h1>;
    }
}

export default Heading;

marensas

import React from 'react';

const Heading = props => <h1>{props.title}</h1>;

export default Heading;

marensas

import React from "react";
import Question from './components/Question';
import Button from './components/Button';
class App extends React.Component {
  constructor (props) {
    super(props);
    this.state = {
      data: [],
      currentTicket: 0,
      finished: false,

marensas

import React from 'react';

const Button = (props) => {
    return <button onClick={props.handler()}>{props.name}</button>;
}

export default Button;

marensas

import React from "react";
import Question from './components/Question';

class App extends React.Component {
  constructor (props) {
    super(props);
    this.state = {
      data: [],
      currentTicket: 0,
      finished: false,

marensas

import React from 'react';

const Question = props => {
    return <p>{props.question}</p>;
}

export default Question;

marensas

import React from "react";

class App extends React.Component {
  constructor (props) {
    super(props);
    this.state = {
      data: [],
      currentTicket: 0,
      finished: false,
      score: '',

marensas

import React from "react";

class App extends React.Component {
  constructor (props) {
    super(props);
    this.state = {
      data: [],
      currentTicket: 0,
      finished: false,
      score: '',

marensas

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App.jsx';

ReactDOM.render(<App />, document.getElementById('root'));

marensas

import React from 'react';

class Something extends React.Component {
    constructor(props) {
        super(props);
        
        this.state = {
            foo: 'bar',
        };
    }