Normally data fetch is good but when category data find and so filter method then get data is undefined. I think my data fetch is not right! import { useEffect, useState } from "react"; const PostDataLoad = () => {…
My Images.js is as follows: import { useState, useEffect } from "react"; import axios from "axios"; import styled from "styled-components"; import ImageSlider_1 from "./ImageSlider_1"; const url = "https://hp-api.onrender.com/api/characters"; function Images() { const [isLoading, setIsLoading] = useState(true); const [isError, setIsError] =…
I am passing a long string to render in a component and I want to change the styling of some words by passing them as span. How can I achieve that in React? I am using Tailwind for CSS. I…
So when I try to run npm start this is the error [Error: ENOENT: no such file or directory, open 'C:UsersElijahvscodeReact projectreact-project.nextBUILD_ID'] { errno: -4058, code: 'ENOENT', syscall: 'open', path: 'C:\Users\Elijah\vscode\React project\react-project\.next\BUILD_ID' } Pretty sure I got my path correct…
When I'm calling a Component in react that contains another that renders a form, I'm not able to type into it for some reason. When I treat it like a function instead of a Component, it works. Why is this…
I am new to React and have a mostly OOP experience. I am trying to create a Map component that allows easily changing its config (zoom level, layers...). Here is the solution I came up with: https://stackblitz.com/edit/stackblitz-starters-fmmajh?devToolsHeight=33&file=src%2FApp.tsx . Sadly MapComponent…
I want to center the content in a React Bootstrap Table row, along the y-axis. Here's the code I currently have: import React from "react"; import { ThreeDots } from "react-bootstrap-icons"; return ( <Table> <thead> <tr> <th>#</th> <th>Question</th> <th>Answer</th> </tr>…
I have a project in Next.js that has to send emails, it's working fine but the problem is that if I want to check whether the email I want to send goes through or not, it fails. This is what…
I got a problem and can't find the solution. Sorry if it's a dumb one but I'm a newby with React. I want to dynamically load a component inside useEffect hook. I can load the file but cant access the…
App.js :- function App() { return ( <div className="App"> <header className="App-header"> <div className="bg-slate-700 w-100 flex flex-col justify-center h-full"> <h1 className="font-bold text-white text-center justify-center "> User Authentication </h1> <form className="flex flex-col p-6 m-8 space-y-2 rounded-md bg-white "> <div className="text-cyan-500 text-center ">…