I've created a survey app in react, and up until now I've wrote for each question the code for each radiobutton/input to asnwer. The problem is that I have survey with a lot of question and using this method create…
DISCLAIMER: i'm new at React, and just trying to build good habits. So, the example would be a simple contacts app, where you type in names, and all the names are rendered below the input field. pic.1 simple contacts app…
When adding components inside my page components i keep getting this error: "Failed to resolve import {url} from {url} Does this file exits" page component import Header from "~src/ui/components/organisms/Header/Header"; import $ from "./HomePage.module.scss"; const HomePage: React.FunctionComponent = () => {…
I am using React and socket.io to transmit a message to all the connected devices. Please find the mistake. Any help is appreciated. App.js import { useRef } from "react"; import { io } from "socket.io-client"; const socket = io("http://localhost:4000");…
Here is my code: const Category = (categories) => { return ( <div className="shop-by-category"> <div className="categories"> {categories.data.map((item) => ( <div key={item.id} className="category"> <img src={process.env.REACT_APP_STRIPE_APP_DEV_URL + item.attributes.img.data.attributes.url} alt="" /> </div> ))} </div> </div> ); }; And here is the error I…
How to print the below pattern using javascript n = 4 1 2 5 3 6 8 4 7 9 10 I tried the below code but it print the incremental number in row const pattern = (n) => {…
In React, if a child component and a parent component both have useEffect hooks, why does the child component's useEffect hook execute before the parent's? import React, { useState, useEffect } from "react"; function Parent() { useEffect(() => { console.log("Parent…
I'm looking for a way to extend MUI v5's MuiCssBaseline with a rule to set margin: 0 on all the heading and paragraph tags. I've tried this: MuiCssBaseline: { styleOverrides: { '@global': { h4 { margin: 0 } } }…
I'm performing React tests with Jest and after the test runs it returns the error TypeError: Cannot destructure property 'basename' of 'React__namespace.useContext(...)' as it is null. on the line render(<Carrinho ItensCarrinho={ itensCarrinho } incrementeCarrinho={ incrementeCarrinhoMock } decrementeCarrinho={ decrementeCarrinhoMock }/>);. I've…
I am trying to serve images. this is the endpoint (which I have modified to use "/backend" and many other combinations that did not work): app.use('/uploads', express.static(__dirname + '/uploads')); this is "__dirname + '/uploads'": C:Usersjack7OneDriveDocumentsProgramming Projects30 days of ReactBlogProjectbackend/uploads this…