components Questions

Javascript – how to use buttons with the onClick method in the latest nextJS version 14.1.3

"use client" import React, { useState } from "react"; import { FaChevronLeft, FaChevronRight } from "react-icons/fa"; export default function HeroSlider() { const images = [ "/images/homepage/home-1.jpeg", "/images/homepage/home-2.jpg", "/images/homepage/home-3.jpg", "/images/homepage/home-4.jpg", "/images/homepage/home-5.jpg", "/images/homepage/home-6.jpg", "/images/homepage/home-7.jpg", ]; const [currentImageIndex, setCurrentImageIndex] = useState(0); const nextImage…

VIEW QUESTION

Javascript – React component not re-rendering

February 28, 2024
Aditya Rawal
2 Answers

I have a react code where I am facing an issue which is related to nested components in the react. code The issue is that I have a parent component named testing which contains two children component named Component1 and…

VIEW QUESTION

How to use JQuery in ReactJS Component

February 24, 2024
Edward Thomas
2 Answers

I have tried importing jquery file in index.html for using jquery $ in react component. And I tried like that $('button').click(function()) in component. At that time, I faced errors, $ is not undifined. I think there are good ways to…

VIEW QUESTION

Laravel Livewire @script

February 20, 2024
Andrei Popa
2 Answers

I have this button in the blade file of a livewire component: <button type="button" title="Adauga o disciplina noua" class="ml-2 my-auto bg-blue-500 text-white px-2 py-1 rounded-lg" onclick="adaugaSelect()">+</button> and the function: ` @script <script> function adaugaSelect() { } </script> @endscript` And in…

VIEW QUESTION

Javascript – How to load an image stored in the fixtures folder in a Cypress component test?

February 15, 2024
Dorian Fabre
2 Answers

I have a very basic Cypress component test that intercepts an API request. The request response includes the URL of an image which is rendered in the component being tested. This response is saved as a state object called selectedLogo,…

VIEW QUESTION

Javascript – Problems with atribute components like ngClass or ngStyle

February 13, 2024
Dan Lsk
2 Answers

I'm new to Angular 17 and I've noticed that every time I want to use an ngClass attribute or an ngStyle I get an error like it doesn't recognize them and I get this error NG8002: Can't bind to 'ngClass'…

VIEW QUESTION

Html – Angular Navbar Component gets looped

February 10, 2024
Lukas
0 Comments

Im building an Angular application and my navbar gets looped. My problem is, that if I am on /home, the navbar.component.html components gets looped and i see 2 among each other. How can I solve this import {Routes} from '@angular/router';…

VIEW QUESTION

Reactjs – React component does not re-render, though it should

February 7, 2024
m.kreyn
2 Answers

I'm designing a MERN application. Here's what I have: This is the main file: import React, {useState, useEffect} from 'react'; import './App.css'; import TodoHeader from './components/TodoHeader'; import TodoForm from './components/TodoForm'; import TodoList from './components/TodoList'; function App() { const [tasks, setTasks]…

VIEW QUESTION

Reactjs – How to manage many icons in React properly?

February 1, 2024
Matias Pizzi
2 Answers

I have multiple Icon components like this: import { IconProps } from "@utils/types"; const FilterIcon = (props: IconProps) => { const { fillColor, width, height } = props; return ( <svg width={width} height={height} viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg" >…

VIEW QUESTION

Reactjs – React Map Error in a component (cannot read the properties of undefined reading id)

January 17, 2024
Shane Htet Aung
2 Answers

This is my code. I don't know why but the error is in the "FriendList" Component I tired goggling and asking chat gpt but it doesn't work. Thanks. /* eslint-disable react/no-unescaped-entities */ /* eslint-disable react/prop-types */ import { useState }…

VIEW QUESTION