Category "reactjs"

BottomNavigation in MUI cannot resize smaller than 400px if containing 5 items

I have a bottom navigation that contains 5 elements. When you resize the window lower than 400px, the bottom navigation doesn't "squeeze", so to say; it remains

React-Typescript: I don't find the problem why my getCurrentTime Function won't work

I am trying to write a function to display the difference time between current time and e.g. the creation time of a message. Herefore I wrote a function to get

React remove the "create-react-app" description

I'm struggling with removing the nasty description of the create-react-app boiler plate: Web site created using create-react-app. As stated here and here I have

How to fix came case error on netlify without changing the entire react app?

I am trying to deploy this site but it keeps failing. https://aquamarine-pithivier-8afda3.netlify.app/ It runs perfectly locally, but on netlify it doesnt. I go

in React, is <input value={func(item.foo)} a performance problem?

I may be mixing best practices between React and Angular... in React, does this incur performance penalties or memory issues? I know it's not good practice. In

Why are state values ​returning undefined? with reactjs

const [value, setValue]=useState(); useEffect(() => { authService.getAddr().then((response) => { setndata(response.data); }, (error)

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,