I made this component representing a HH:MM clock. It's re-rendering every second. I would like to be re-rendered every minute. A tooltip is attached to it. The tooltip cannot be shown because of the re-render. How can I handle this…
I'm working on my navbar. I have a header with a component within called HeaderSearch. What I want is to run a function each time the user clicks outside of the HeaderSearch. And then add an animation to close it.…
serverSideDataSource triggering twice in ag-grid, When the filter set on session and reloading the window. The below method triggering twice serverSideDataSource(count: number) { return { getRows: (params) => { //add sortModel for dynamically created columns params.request.sortModel.forEach((sortItem) => { if (sortItem.colId.split('&').length…
I've two components getting todos.services.ts: import { Injectable } from '@angular/core'; import { TodoItem } from '../interfaces/todo-item'; @Injectable({ providedIn: 'root', }) export class TodosService { protected todoList: TodoItem[] = [ { id: 1, title: 'Купить хлеба', description: 'Сходить и купить…
I have a slider with a html like this <div id="bilder"> | height: 70vh; <div id="pappediv"> | height: 100%; <div id="slider"> | height: 70%; <div id="imagecontainer"> | height: 100%; <p> | height: 100%; <img> | height: 100%; <img> | height:…
The condition is calling before fetch, so I can't render the image on the page. I need to set an icon based on the API data. Call an API for weather data, then set it to weatherData state Set the…
I have a function based component. I fetch data on redux toolkit with useAppSelector(). I wrote a console.log within component to check what happens. When page refreshes again still console.log appears again and again. My code is like this: const…
I was bug fixing the FE code for my company's App which still uses React 17, and I notice different behaviour when setting the state between React 17 and React 18 (without strict mode) Code: import React, { useEffect, useState…
As you can see from the code, at first I want all the todos to be shown, then toggle between all, active and completed todos. I have made the arrays for the active and completed todos, but I'm not quite…
I've just noticed strange behaviour with rendering before script is being performed. I always thought, that there is no chance for browsers to dequeue a task from render queue and execute it before script tag, since this is a single…