chalie001
asked on
blank page
hi am having blank page when starting application
import React, { Component } from 'react';
import FirstComponent from './components/learning-exa mple/First Component'
import logo from './logo.svg';
import './App.css';
function FirstApp(){
return(
<div className="App">
FirstApp
</div>
);
}
function App() {
return (
<div className="FirstComponent" >
My hello
<FirstComponent></FirstCom ponent>
<SecondComponent></SecondC omponent>
<ThirdComponent></ThirdCom ponent>
<FirstApp></FirstApp>
</div>
);
}
//class component
class SecondComponent extends Component{
render(){
return (
<div className = "secondComponent">
<LearningComponents></Lear ningCompon ents>
</div>
);
}
}
function ThirdComponent(){
return(
<div className = "ThirdComponent">
ThirdComponent
</div>
);
}
class LearningComponents extends Component{
render(){
return (
<div className = "LearningComponents">
My hello world
<FirstComponent></FirstCom ponent>
<SecondComponent></SecondC omponent>
<ThirdComponent></ThirdCom ponent>
<FirstApp></FirstApp>
</div>
);
}
}
export default App;
import React, { Component } from 'react';
import FirstComponent from './components/learning-exa
import logo from './logo.svg';
import './App.css';
function FirstApp(){
return(
<div className="App">
FirstApp
</div>
);
}
function App() {
return (
<div className="FirstComponent"
My hello
<FirstComponent></FirstCom
<SecondComponent></SecondC
<ThirdComponent></ThirdCom
<FirstApp></FirstApp>
</div>
);
}
//class component
class SecondComponent extends Component{
render(){
return (
<div className = "secondComponent">
<LearningComponents></Lear
</div>
);
}
}
function ThirdComponent(){
return(
<div className = "ThirdComponent">
ThirdComponent
</div>
);
}
class LearningComponents extends Component{
render(){
return (
<div className = "LearningComponents">
My hello world
<FirstComponent></FirstCom
<SecondComponent></SecondC
<ThirdComponent></ThirdCom
<FirstApp></FirstApp>
</div>
);
}
}
export default App;
Then open empty browser and press F12 before opening your application.
Look into console messages and network trafic to see what task eats all browser prcessing time.
ASKER
This question needs an answer!
Become an EE member today
7 DAY FREE TRIALMembers can start a 7-Day Free trial then enjoy unlimited access to the platform.
View membership options
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
What errors are being displayed?