1.I am working on React.js. I worte simple code in App.js and All data presented must be written in a JSON blob in index.js. but when I changed the code from index.js, it wont change on App.js. It must be some wrong on Index.js and I couldn't figure out.

This is my code

App.js

import React, { Component } from 'react';

class App extends Component { render() { return (

);

} }

class Description extends Component{ render(){ return (

John Legend

); }

}

class DescriptionFour extends Component{ render(){ return (

Learning New Things

Watching Soccer

); }

}

export default App;

--------------------------------------------------------------------------

This is Index.js

index.js

import React from 'react';

import ReactDOM from 'react-dom';

import './index.css';

import App from './App';

import registerServiceWorker from './registerServiceWorker';

var data = {

Descript: 'Kany West',

DescriptionFour: ["Playing Football",

"Reading books"]

}

ReactDOM.render(, document.getElementById('root'));

registerServiceWorker();