render() { return ( <Container> <Header as="h1">Login Required</Header> <Form onSubmit={this._login}> <Form.Input label="Password" type="password" name="password" onChange={this.handleChange}/> <Form.Button>Submit</Form.Button> </Form> </Container> ) }
const Questiontype1 = () => ( <div> <Segment className=" mrgt40 mrgb40 padb40"> <Container text className="pad20"> <QuestiontypeHeader/> <QuestionAnswer/> </Container> </Segment> </div> )
export default function Oceania() { return ( <Container text> <div> <Header as='h2'>Oceania</Header> <p> Oceania is a geographic region that includes Australasia, Melanesia, Micronesia and Polynesia.[5] Spanning the eastern and western hemispheres, Oceania has a land area of 8,525,989 square kilometres (3,291,903 sq mi) and a population of over 41 million. Situated in the southeast of the Asia-Pacific region, Oceania, when compared to continental regions, is the smallest in land area and the second smallest in population after Antarctica. </p> </div> </Container> ); }
const App = () => ( <Fragment> <Menu /> <Container> <Login /> </Container> </Fragment> )
export default function App() { return ( <Container> <h1>React Hooks Context Demo</h1> <CounterView /> <ContactView /> </Container> ) }
render() { return ( <div className="App"> <Header/> <Container content> <Route path={`${HOME_PATH}`} exact component={HomePage}/> <Route path={`${GAME_PATH}`} exact component={GamePage}/> <Route path={`${SETTING_PATH}`} exact component={SettingPage}/> </Container> <Footer/> </div> ); }
render() { return ( <Container> <Router /> </Container> ); }
const Main = ({ children }) => ( <DesktopContainer> <Segment vertical> <Container> {children} </Container> </Segment> </DesktopContainer> )
render() { return ( <div> <NavBar /> <Container className="main"> <EventDashboard /> </Container> </div> ); }
export default function App() { return ( <Container> <h1>React Parcel Starter Kit</h1> {/* <Counter /> */} <Contacts /> </Container> ); }
const Notfound = () => { return ( <Container style={{ margin: 50 }}> <h1>Page Not found!!! </h1> </Container> ); }
export default function Africa() { return ( <Container text> <div> <Header as='h2'>Africa</Header> <p> Africa is the world's second-largest and second-most populous continent, after Asia. At about 30.3 million km2 (11.7 million square miles) including adjacent islands, it covers 6% of Earth's total surface area and 20% of its land area.With 1.3 billion people as of 2018, it accounts for about 16% of the world's human population. Africa's average population is the youngest amongst all the continents;the median age in 2012 was 19.7, when the worldwide median age was 30.4.Despite a wide range of natural resources, the continent is the least wealthy per capita in large part due to the legacies of European colonization in Africa. Despite this low concentration of wealth, recent economic expansion and the large and young population make Africa an important economic market in the broader global context </p> </div> </Container> ); }
export default function Asia() { return ( <Container text> <div> <Header as="h2">Asia </Header> <p> Asia is Earth's largest and most populous continent, located primarily in the Eastern and Northern Hemispheres. It shares the continental landmass of Eurasia with the continent of Europe and the continental landmass of Afro-Eurasia with both Europe and Africa. Asia covers an area of 44,579,000 square kilometres (17,212,000 sq mi), about 30% of Earth's total land area and 8.7% of the Earth's total surface area. The continent, which has long been home to the majority of the human population, was the site of many of the first civilizations. Asia is notable for not only its overall large size and population, but also dense and large settlements, as well as vast barely populated regions. Its 4.5 billion people (as of June 2019) constitute roughly 60% of the world's population. </p> </div> </Container> ); }
export default function Europe() { return ( <Container text> <div> <Header as="h2">Europe</Header> <p> Europe is a continent located entirely in the Northern Hemisphere and mostly in the Eastern Hemisphere. It comprises the westernmost part of Eurasia and is bordered by the Arctic Ocean to the north, the Atlantic Ocean to the west, the Mediterranean Sea to the south, and Asia to the east. Europe is commonly considered to be separated from Asia by the watershed divides of the Ural and Caucasus Mountains, the Ural River, the Caspian and Black Seas and the waterways of the Turkish Straits.Although much of this border is over land, Europe is generally accorded the status of a full continent because of its great physical size and the weight of history and tradition. </p> </div> </Container> ); }
render() { return ( <Container> <Header as="h1">Login Required</Header> <Form onSubmit={this._login}> <Form.Input label="Password" type="password" name="password" onChange={this.handleChange}/> <Form.Button>Submit</Form.Button> </Form> </Container> ) }