React Component Quest

App.js

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import Author from './Author.js';


class App extends Component {
  render() {
    return (
      <div className="App">
        <header className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <h1 className="App-title">Welcome to ma React yaw !</h1>
        </header>
        <p className="App-intro">
          <Author name='Pierrick' />
        </p>
      </div>
    );
  }
}

export default App;

Author.js

import React, {Component} from 'react';

class Author extends Component {


  iWatchYa() {
    alert(`Hey yaw !!! Beware dawg !!! ${this.props.name} is watching ya ! Yaw !`);
    }


  render() {
    return(
      <div>
        <div onClick = {this.iWatchYa.bind(this)}>
          <p>Je suis un joli composant React, le logo tourne au dessus de moi ! Mon créateur Mr Pierrick de Quetille est un semi-dieu </p>
          <p>Clique jeune néophyte !</p>
        </div>
      </div>
      );
  }

}

export default Author;

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import Author from './Author';
import registerServiceWorker from './registerServiceWorker';

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