Category "reactjs"

I'm trying to implement Infinite Scrolling in a React application using the IntersectionObserver API but i'm running into some issues

I'm trying to implement infinite scrolling and it's supposed to work by getting data in pages from the API...and then using the IntersectionObserver API, checki

How can I conditionally render tabs depending on the value of a field of a GROQ query?

I have a GROQ query where the result is an array of documents, of which one of the fields, "fieldName", can contain "a", "b" or "c". If the array contains any w

IonInput: IonOnChange event firing twice

Current behavior: IonOnChange event for IonInput fires twice when backspacing 1 character. Version: "@ionic/react": "5.6.11", Expected behavior: When value is 1

What is the best way to render a component in every row of react table?

Hi Everyone I am fairly new to react, and looking a way to render a component in react table row. This is what I am trying to do, I have a react table which is

next-auth 4 session returns null, next.js

This is code in api/auth/[...nextAuth].js import NextAuth from "next-auth"; import CredentialsProvider from "next-auth/providers/credentials"; import User from

next-auth 4 session returns null, next.js

This is code in api/auth/[...nextAuth].js import NextAuth from "next-auth"; import CredentialsProvider from "next-auth/providers/credentials"; import User from

how to fetch data and tag Element but not json data using axios from php Apache server in XAMP?

I have a front end code of react is import React,{useEffect,useState} from "react"; import axios from 'axios' export default function DataGridDemo() { con

Différence between only one state for variables or state for every one in react

If i'm having 3 variables to handle with useState in react is doing this: const [ user , setUser ] = useState({ name : '', phone : '', age : '' }) setUser({...

pass parameters to a javascript function without using an inline function inside jsx

So after reading a few articles on react native performance, I realized that you're supposed to avoid arrow functions inside JSX. https://blog.codemagic.io/impr

Module not found error due to a file not being exported from @firebase/database-compat

I'm having an issue with the following error: Module not found: Error: Package path ./standalone is not exported from package C:\Users\brohj\WebstormProjects\Re

React MUI - Consistent Tab Content Height

I understand that ideally should be placed at the top of the page. However, Assume they are place in the middle of the page. When changing from a tab with a l

I'm trying to get the output from my model,but got 4 tensor.I dont know anything about these tensors

I'm trying to get the output from my model,but got 4 tensor.I dont know anything about these tensors i use the model to detect face. Here is my model enter imag

How can I create a menu with my json info with REACT

what I try to do is to have the same display as this picture : So in my menu the plant type (Type of plant1) is displayed above a gray bar and when you click o

chrome devtool performance waterfall difference between Chrome and Chromium?

I'm trying to see the call stack of a piece of code, in Chrome and Chromium, they showed different results. I have already disabled all extensions in my Chrome,

React state returns undefined when passed as object value

I want my id to be increased every time this function is executed,but when I console the object id returns undefined let [count, setCount] = useState(0); c

Typescript conditional return type based on props

In electron application I have a component that renders a button and sends a message to an arbitrary channel to the main process. The main process does some wor

How to use react-select-table's rows as options to react-select's input field

I have an input field that should accept multiple inputs from options that are already set. - This input field needs to appear like tag input fields so I used t

yarn start FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory

Receiving this error with yarn start I tried many solutions with this error through stakeoverflow using this link FATAL ERROR: Ineffective mark-compacts near h

How to access an object inside another object in a map in react

react.js is complicated sometimes, I'm trying to access an information of a state, I have an array which has one object inside, and in this object, there is ano

Unable to access state - React.js working with Websocket

This is my first post here, so nice to meet you all. I have recently started my adventure with React, so my question probably will not be very challenging (it c