Link to home
Start Free TrialLog in
Avatar of chalie001
chalie001

asked on

blank page

hi am having blank page when starting application
User generated imageimport React, { Component } from 'react';
import FirstComponent from './components/learning-example/FirstComponent'
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></FirstComponent>
      <SecondComponent></SecondComponent>
      <ThirdComponent></ThirdComponent>
      <FirstApp></FirstApp>
    </div>
  );
}
 
//class component
 
class SecondComponent extends Component{
  render(){
    return (
      <div className = "secondComponent">
           <LearningComponents></LearningComponents>
      </div>
    );
  }
}
 
function ThirdComponent(){
  return(
    <div className = "ThirdComponent">
    ThirdComponent
  </div>
);
}
 
class LearningComponents extends Component{
  render(){
    return (
      <div className = "LearningComponents">
        My hello world
        <FirstComponent></FirstComponent>
        <SecondComponent></SecondComponent>
        <ThirdComponent></ThirdComponent>
        <FirstApp></FirstApp>
      </div>
    );
  }
}
   
 
 
 
 
 
 
export default App;
Avatar of Julian Hansen
Julian Hansen
Flag of South Africa image

What are you seeing in your console (F12)

What errors are being displayed?
Avatar of chalie001
chalie001

ASKER

the page just freeze nothing show when i press f12
User generated image

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.

am not geting this
User generated imagenoerror4.jpg
This question needs an answer!
Become an EE member today
7 DAY FREE TRIAL
Members 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.