I am new to react and I am a little bit lost with createContext hook. I created a Api component to fetch data from my backend export interface List{ id?: string, sku?: string, name?: string, description?: string, unit_price?: number, image_url?:…
import React, { useEffect, useRef, useState } from 'react'; import $ from 'jquery'; import 'jquery.terminal/css/jquery.terminal.min.css'; import 'jquery.terminal/js/jquery.terminal.min.js'; import { useRouter } from 'next/router'; const TerminalProfile = ({ width, height }) => { const months = ["Jan", "Feb", "Mar", "Apr", "May",…
Student here, trying to create an app for my thesis, using Laravel, React and Inertia. I am trying to create a simple, reusable Combobox component. It needs to have an id HTML attribute and it needs to contain an id…
Sounds like a really stupid question, but I'm new to React and I learned to create react apps with the CDN Links and the "npx create-react-app" functions. Now, I have the files that support the book I'm reading, and I…
<Col xs="9"> <Routes> <Route exact path="/" render={(props) => ( <ProductList {...props} products={this.state.products} addToCart={this.addToCart} currentCategory={this.state.currentCategory} info={productInfo} /> )} /> This is my App.js file. it doesn't work. I looked react-router-dom old version and some place we must replace switch to routes.…
There is React application with one route. I make several API requests to get data from backend. While fetching I show loading spinner and actual data after successful requests. I need to get time in milliseconds how much time did…
recently i came around this problem statement, where i needed to tell the value that will be printed on the button for the below react code. export function App() { const [count1, setCount1] = useState(1); const [count2, setCount2] = useState(count1…
I want to add a type for my dynamic route that I can replace with type "any" in code bellow written with Typescript . export default async function DetailProduct({ params }: any) { const { imageAddress, title, price } =…
Using React, I am trying to make a chess website. Inside my App function, I have the following code: const [playerSide, setPlayerSide] = useState('White'); function switchPlayerSide() { console.log('in switch, ' + playerSide); setPlayerSide(playerSide === 'Black' ? 'White' : 'Black'); }…
I've recently started my web dev journey, and decided to learn some JavaScript to mess with APIs in order to learn how to perform the fetch (for starters) from a public API. My first attempt at this is by trying…