I'll appreciate help with my bug. I have a ReactJS and TailwindCSS application. The navigation displays fine in desktop mode but in mobile mode, the navigation or hamburger icon doesn't appear. My App.jsx file is in the path: travelworld/src/component/Navbar.jsx import…
I have a button that shows/hides an element when click but it does not work on first click but it works on the following clicks. I'm expecting it to work on the first click. import { useState } from "react";…
Consider the following example: pages/index.js import { useState, useRef, useEffect } from 'react' function complexExternalLibraryFunctionWithoutCleanup(elem, cb) { elem.addEventListener('click', () => { cb() }) } export default function IndexPage() { const [text, setText] = useState('') const [myint, setMyint] = useState(0) const…
My intention here is to create a search component page, that has a form and a table, that can vary on fields and result. Let's supose a component that receive a couple of children: const SearchPage = ({title}) => {…
I'm looking into React and React Hook Form, I managed to display custom messages below the inputs but I also want to display an alert using react-toastify to let the user know about all the errors. How can I add…
I am trying to set up a school journal based on Django and Python, but I can't do it because of a 404 page with a problem in the title.then Python part is backend and Node + Yarn + HTML…
Getting below error while running unit tests for react app. I am using jest to run it. I didn't have the file mentioned in below error in my code base. I searched many places but didn't found solution. Can anyone…
I'm working on creating a custom component for React-Select that adds a button to the options. const customSingleValue = ({ data }) => ( <div className="custom-single-value"> <span> {data.label} </span> <button>Click me</button> </div> ); <Select className="dropdown" options={fruitOptions} components={{ SingleValue: customSingleValue }}…
When I attempt to add my "About Us" page link to the Navbar and include it in app.jsx, the home page ends up getting mixed up and becomes a bit messy. Specifically, when I don't add the Navbar links, everything…
I am new to react, although my app is working just fine but my app.jsx is showing an error. A redline appears beneath the react word and when I am hovering the mouse pointer over it, it is saying "react…