I have a faceted search component that I am building. I am having trouble figuring out how and where to handle state. Solution #1 A parent component manages state - uses a reducer to manage all components and pass state…
useEffect(() => { const getCategory = () => { allcategory().then((res) => { if (res.data.error) { console.log("error"); setValues({ ...values, message: res.data.error }); } else { setValues({ ...values, categories: res.data.category, formData: new FormData(), }) } }) } const getPublisher = () =>…
I'm student studying of react. While working on the project, I had a question. {pages.map((page, idx) => ( <li key={page.page_id} id={`${idx + 1}`} css={CSSCarouselItem}> <Photo onClick={() => console.log('click!')}/> <p css={CSSPageContent}>{page.text}</p> ........ </li> ))} and Photo components interface PhotoProps { .....…
import Card from 'react-bootstrap/Card'; import Button from 'react-bootstrap/Button'; import {collection, getDocs, doc} from "firebase/firestore" import {db} from "../firebaseConfig/firebase" import React, { useState, useEffect } from "react"; const Cards = () => { const [products, setProducts] = useState([]); const productsCollection =…
I want to "dock" the Text Widget you can see on the Picture on the GridView. My approach looks like this: Container( height: 500, child: Column( children: [ Expanded( child: GridView.count( physics: NeverScrollableScrollPhysics(), crossAxisCount: 7, childAspectRatio: 0.6, children: List.generate(dates.length, (index)…
I Literally spent 4 hours trying to find the solution
I'm trying to deploy my react build folder to my server. I'm using index.html and static that configured in my settings.py file to do that. (https://create-react-app.dev/docs/deployment/) Since my backend is running on Ubuntu, I can't just copy from my Windows…
My webpage is receiving through AJAX GET requests Arrays with strings, and a Boolean. The objects within the array are displayed subsequently to shape a chat app, the received array represents messages to display in a chatbox. However, some of…
I use preloader in website: https://adl.az/ The file format of the preloader image is "PNG". It's not "GIF". The Problem is: If I send website URL to anyone or share it on any social network, I see the preloader image…
I'm fairly new to the webdev. I have a React frontend built with Vite, and a Node.js backend that uses MongoDB. I finished my little project and when It came to deploy it to my Linux server, I got confused…