Category "reactjs"

React Native update component

I'm pretty new to react-native. When I click the stop sleep or info button I send patch requests to the users.json file to change the status. My JSON file conta

Convert a string to number with parseInt does not work as expected [duplicate]

A quick maybe simple question : We are trying to parse a string into number , the sample number is "1928433000460244141" so when we try to par

Sequelize: find count of 3 level associated model entries

I have a products database structure as follows: Categories > Sub categories > Child categories > Products the respective table names in mySql database

How to test a function inside useEffect with Jest and Enzyme?

I am testing my components using jest and enzyme. I want to load my component when the whole page is loaded so I am using load event inside useEffect, here is m

How to make this CARD/CHART Component with Next.js and Apexchart

I know this questions it's kind of too open, but I'm need some guidelines in how to do something like this... That's a card 200x200 with that information. The

How to reduce the Gap space

in below grid container , there is an image on the left , with a bunch of text on the right , there is a huge gap between the image and the text which tried to

Jest Memory Leak when running test cases on redux connected components

When I run my jest tests, I got the following error , this particularly happens with the redux connected components and forwardRef:true is one parameters of the

Dropdowns and filters not applied with REACT

I'm not able to display my menus (_ids.name) that match my filters from the 2 dropdowns (MyNorm1,...MyNorm6) and (Classification1,...Classification6). For examp

How to draw Genogram relationship tree using ReactJs?

I'm looking for a simple Javascript Library (SVG) for the ReactJs module that allows me to draw family tree relationships. I've already referred GoJs Genogram.

Trying to send props value once only in react JS

I have make a slider using carousel at Trip.js and in Home.Js I have created a review section by my self using useEffect and Everytime the slide changes it retu

SignalR TypeError: Failed to fetch after deploying to Azure

I am trying to create a small chat app using SignalR. In my backend I am using .net Core 5 and in Frontend, I am using React. When running in localhost every th

Refresh recoil atom with async fetch, after it has been updated locally?

I have an application where I show a set of invites, each invite has a set of answers connected, that the users can update, I have the following recoil state: e

Why babel alias did not work when set up was all correct?

1.I'm building a react project and try to use Babel to simplified the import. Here is the code for babel.config.js file. module.exports = { presets: ['modul

How to update the password of a Supabase user on a NextJs project?

I'm facing an issue updating a password for a supabase user on a BlitzJs (NextJs) project. Basically, I have a reset password method that works perfectly. First

Redux Toolkit: How can I store a serialized action creator in state?

Question I am using Redux Toolkit and I want to store an action creator in state. When I do this, I receive an error regarding non-serializable values in my act

React using state array without mutation

Can the below code be refactored so as to not mutate the state array. Basically, I want that as I navigate the app back and forth via props.history.push, it sho

Not able to display fetched data on page, React JS

I am unable to display fetched data on page. Here I am using ReactJS for frontend and NodeJS for backend. To store data I am using blockchain (hyperledger fabri

React.js: How to render new message at the bottom?

Currently working on a 1:1 live chat messenger. when i send a message its shows up at the bottom of chat where i want it to, but upon page refresh it returns to

How to modify & replace the key an object by comparing it with other objects?

I have an array of object which consists some id's as a key. const sampleObj1 = {0011:[{},{}], 0022:[{}, {}], 0033:[{},{}]} const sampleObj2 = [{id:0011, name:'

how to make an iterable type in type script that has a key value pair

I am using type script and I want to make a type that represents an object like this the keys generated are genrated dynamically how do I do that { dog:true,