Apply for Zend Framework Certification Training

ReactJs





   
    import React, { Component } from 'react';
    import { BrowserRouter as Router,Routes, Route, Link } from 'react-router-dom';
    import Home from './component/home';
    import About from './component/about';
    import Contact from './component/contact';
    import './App.css';
    class App extends Component {
    render() {
      return (
      <Router>
        <div>
          <nav className="navbar background">
            <ul className="nav-list">
              <div class="logo">
                    <img src="https://www.webphplearn.com/img/logowebphp.png" alt='My website'/>
              </div>
              <li><Link to="/">HomeLink></li>
              <li><Link to="/about">About UsLink></li>
              <li><Link to="/contact">Contact UsLink></li>
            </ul>
            <div class="rightNav">
              <input type="text" name="search" id="search" /><button class="btn btn-sm">Searchbutton>
            </div>
          </nav>
         <Routes>
              <Route exact path='/' element={< Home />}></Route>
              <Route exact path='/about' element={< About />}></Route>
              <Route exact path='/contact' element={< Contact />}></Route>
          </Routes>
        </div>
      </Router>
       );
    }
  }
 
    export default App;

< React Hooks Tutorial – useState by examples Last >



Ask a question



  • Question: 
    {{questionlistdata.blog_question_description}}
    • Answer:
      {{answer.blog_answer_description  }}
    Replay to Question

(+91)-9910699802
Become A Member     Become A Teacher
Back to Top