Category "reactjs"

FlatList don't show me any result why?

I'm learning react native and i'm trying to show data in flatlist, but it didn't works i don't know why this is my code : <FlatList numColu

React State Fails To Update with UseEffect

When attempting to update an array via React state management, the state array is populated, but the user interface fails to update. The user interface only upd

Apexcharts radial chart counter-clockwise progress bar

I am using React Apexcharts to create a radial chart. By default, the progress bar goes in a clockwise direction but I need it to go counter-clockwise. Is there

next build command is not ignoring *.stories.tsx files [duplicate]

I am trying to build nextjs project which has [componentName].stories.tsx side by side with component itself. Running next build fails because

TinyMCE editor and Base64

I'm using the TinyMCE editor for my React application. When I cut and paste the data into the editor, the data is in Base64 format. Now the data is also storing

Compare the two array of objects and render the non- matching values in react

let states =[{name:"goa", Population:1000 },{ name:"maharashtra", population : 100000 }, { name:"Kerala", Population:1000 },{ name:"Delhi", population : 100000

onSubmit form send data to another component/route in React

I am currently having a react component, where I have a small form: const firstName = React.useRef(null); const handleSubmit = e => { const data = {

How do you incorporate an alert which will come out saying ADDED after clicking the save button from this form?

Note This form is a floating form it closes enter image description here

Cant access image in App.css from public/images/img-2.jpg

I am creating a react app when I want a particular section to have a background image that I have in my images folder which is inside the public folder. Accessi

Spring Boot Server not loading React webpage

Issue: Hello! I've been spending a fair bit of time now trying to get a Spring Boot server to host a React Application. I've been able to work out nearly everyt

How to search based on multiple criteria in AutoComplete API in material UI

I have created a search box using the auto complete API. But it is only searching based on the title field from options and not searching the inputs on other fi

How to use next() function in Next JS API like Express JS?

While making an API in Next JS, where I pass three parameter to my API function (req, res, next) here is the code : import catchAsyncErrors from "../../../middl

Attempting to add multiple items to SP list using sp/pnp but getting error on ```createBatch()```

I'm following this documentation: https://pnp.github.io/pnpjs/sp/items/#add-multiple-items But I'm getting an error with: import { SPFI, spfi, SPFx } from "@pnp

Retry react-query based on result

I want the query to retry until the expected result is met. How do I pass a condition into the function to decide if the query succeeded or not? export async fu

What is the definition of "parent component" in React?

What is the definition for "parent component" in React? eg. const A = () => { return ( <B> <C/> </B> ); } Is A the paren

Post a message from iframe in React

I have trouble about sending message from cross-domain iframe in React. I read many articles, most of them are about sending message to iframe. The issue is tha

How to add custom close icon for Alert component in Material UI, globally

We can globally customise the severity icons shown in the Alert component through the theme: MuiAlert: { defaultProps: { iconMapping: { info

Multiply useQuery on one page, why undefined result?

I need too use useQuery a few times to get different data from db. So I call: const {data: var1} = useQuery(MY_QUERY, {variable: {content1}); const {data: var2

How do I get back the generated filename after uploading to Cloudinary widget in ReactJS?

I'm using react-cloudinary-upload-widget in my React app to allow users to upload a profile picture. The idea is to store the image on Cloudinary and store its

How can I update only a single cell value and JSON in table

I'm writing a code where I have a table of 3 columns. the last column is editable. My requirement is, when I click on that cell, add a new value, and it should