Fetch static api using react js, props loop
A. MenuItem.js import React from "react"; const Menu = [ { id: 1, name: 'Samosha', category: 'breakfast', price: 200 }, { …
0 Comments
September 13, 2023
import images in react js
import React from "react"; import Logo from './imgs/logo.png'; let Header = () => { return ( <> <img className="logos" src={Logo} width={230} height={100} /> </> ) } export default Header;
September 13, 2023
Use css in react js
npm i bootstrap import React from "react"; import 'bootstrap/dist/css/bootstrap.min.css'; import Container from 'react-bootstrap/Container'; import Nav from 'react-bootstrap/Nav'; import Navbar from 'react-bootstrap/Navbar'; import Row from 'react-bootstrap/Row'; import Col from 'react-bootstrap/Col'; import…
September 13, 2023
Use Bootstrap Component
npm i bootstrap import React from "react"; import 'bootstrap/dist/css/bootstrap.min.css'; import Container from 'react-bootstrap/Container'; import Nav from 'react-bootstrap/Nav'; import Navbar from 'react-bootstrap/Navbar'; import Row from 'react-bootstrap/Row'; import Col from 'react-bootstrap/Col'; import…
September 13, 2023
React Component basic syntax
import React from 'react'; let Home = () => { return ( <> <h1>Home Page</h1> </> ) }…
September 13, 2023
Add extra component by using react function
import './App.css'; import Banner from './components/category/Banner'; import Footer from './components/common/Footer'; import Header from './components/common/Header'; import './components/common/css/Header.css'; function App() { return ( <div className="App"> <Header/> …
September 13, 2023
Laravel Inertia js file upload
A. Fileupload.jsx import Navbar from "@/Layouts/Navbar"; import { Head, Link, router } from "@inertiajs/react"; import React from "react"; import { useState, useRef } from 'react' function Fileupload(props) { const…
September 13, 2023