I am using React and Tailwind. I am trying to conditionally render navbar elements based on whether a user is logged in or not. The items show in the navbar but they do not change based on whether the user…
I am working with react-redux and I used routers turn pages to detail.js when I put the todo list. It should have ownprops properties on consoles, but mine was not defined. Tell me where we're wrong. App.js import React from…
The background image is not showing. I also tried "bg-[url('/image/example.jpeg')" tailwind.config.js theme: { extend: { colors: { darkBlue: "#0D1A32", }, backgroundImage: { "hero-image": "url('/app/images/lentcm93p_1.jpg')", }, }, }, plugins: [], }; Page.js export default function Home() { return ( <> <div…
On click on child level plus icon, how can we match tagname from two state variables and display the data of the clicked item only in react page. Right now I am filtering data based on id, but the data…
I'm making my first project using react, until now I never used any other framework, only pure html+js+php+nodejs. So, I was building a portfolio spa, but I've got this issue. When I make any change in the project, I have…
Can not see why this isn't working. This is a react.js app App.js import {useState} from "react"; import './App.css'; function App() { const [age, setAge] = useState(0); const [inputValue, setInputValue] = useState(""); const [showText, setShowText] = useState(true); const [textColor, setTextColor]…
I cannot access my service class methods when I convert the export to service rather than methods: const HttpService = () => { const AUTH_TOKEN = localStorage.getItem("tokenKey"); const { enqueueSnackbar } = useSnackbar(); const postWithoutAuth = (url, body) => {…
The code sets the textCount to match the input onChange, but I need textCount to also be set to the value that comes from inside of App() from name. import React, { useState } from "react"; function Textarea(props) { const…
I'm sure there is a quick fix, and I'm messing up somewhere, but how do I use custom elements instead of dots for pagination in Swiperjs for React? The custom element returns an SVG from an icons array. I originally…
Why this code not work form me. I can't understand. I try to learn react-beautiful-dnd. This is my code: Column.jsx import { DragDropContext, Droppable, Draggable } from "react-beautiful-dnd"; const Column = () => { const itemList = [ { id:…