I have a Standalone (Reusable) CustomButton component that imports its own stylesheet (CustomButton.css). I would like to apply a style to it using className through props, while putting the className styling in my own App.css. The following are simplified examples…
I am trying to use React Native to create a To-do list application. And use the UseState hook to add more task to an array to map on the front-end. But I cannot use useState to add new item in…
I want to get the user token by react. I use the following code in my login submit form and it's OK: in Login.jsx: const Login = () => { const { setUserToken } = useContext(AppContext); const submitForm = async…
I have a React application and in it a component that displays data in a table. I am interested in displaying some things, including id, but not the whole thing, but only the first 5 characters. I try to display…
<select className="form-control" placeholder="Category name" name="category" value={course.category} onChange={handleChange}> {categories.map((category) => <option key={category._id} data-id={category._id}>{category.categoryName}</option>)} </select> Setting default value: const handleCourseSubmit = async e => { e.preventDefault() setCourse((prevState) => { return { ...prevState, category: categories[0].categoryName } }) console.log('create.js:: handleCourseSubmit:: data: ', course.category); //prints…
Hi Guys the map() function seems to be not working while i am fetching an api. Here is my Landing page import React from 'react' import { useLoaderData } from 'react-router-dom'; import axios from 'axios'; import CocktailCard from '../components/CocktailCard'; export…
My media queries work in development, but when I go to view in production it does not respond to the font-size media queries. I am viewing the production build on an iPhone 13 and suspect the issue may be specifically…
i have a button which used to route.The routes are from api so on my first click the route is working but the button color is not changing i used useState hook and css for changing the color,it is working…
The Layout page is not showing up if the home page does and vice versa i tried changing the version of the react router dom to 5 but it is still not working I also used router insted of route…
I want a tooltip on hover inside the image. Using mui-tooltips give the tooltip position outside the image. I want the tooltip to work exactly like how title attribute works in img tag but i also want to style the…