Category "reactjs"

How do I add input data to JSON array in React.

I've been working on understanding React concepts and did my Todo project. I have the dummy data displaying, but can't add a new value to my dummy data, which i

MaterialUI Select set value is always out of range

i've a MaterialUI Select code, and i'm handling the value parameter dynamically. My problem is, when i set any value, it says always it's out of range, even sho

How to parse a json that returns an array of objects

I did some back-end changes to send 2 JSON from localhost:3001 It looks like this now: const response = await fetch(apiURL); // fetching the data from the a

Render docx in React js

I would like to properly render a docx file in React JS with the correct formatting, as it would appear in Word or a similar service. Currently, when displaying

Passing value of component in separate jsx file's value to event on Full-Calendar

I am new to React. I am trying to pass the value of a select box imported from a separate .jsx file to an event for full-calendar. I can't find anything on this

Consume Cloud Run environment variables inside Nextjs app

I've recently built a Nextjs app, which I am hosting on Google Cloud Run. My app makes some requests to external APIs from the getStaticProps() method. I would

Where do I get user and pass for email form api setup?

I am trying to get this form working in Nextjs using 'React Hook Form'. So far I think everything is okay, but I need to know where to get the 'user' and 'pass'

Error: Cannot find module 'html-webpack-plugin' - Webpack (React)

I tried to create a basic React app with webpack 4 following this link until installing "html-webpack-plugin", I did not face any errors. But, once I run the c

html Button on top of link

Hey I have a div which is wrapped by a Link component, and inside that div I have more buttons, but the problem is, when I click on the inner smaller buttons, I

Manipulating server side API with state value

So I built an app in React but later switched to Next.js as my api provider only accepted api calls in the server side, I had built a pagination in react very e

How to set a particles background on nextjs?

I would like to set a particles background only on one page of my web application. I used the following code: import styles from "../styles/Page.module.css"; im

React-table library- 'useTable' is not exported by node_modules/react-table/index.js

React version: 16.8.6 React-table version: 7.6.3 Hey. I am getting the next error only when trying to build my project. When running it locally, everything wor

Uncaught TypeError: Cannot assign to read only property 'checkGuess' of object '#<Object>'. how do I fix this?

Im trying to send the form input data to a different component and keep recieving the error 'Uncaught TypeError: Cannot assign to read only property 'checkGuess

Change Default Sort and Order for React Jhipster

I am using Jhipster 6.8.0 and trying to change default sorting (sort by : publishedDate and order : desc) based on the following code: const [paginationState,

React.js App shows blank page on AWS amplify

I deployed my app to AWS Amplify and when I connect a custom domain like app.murmurcars.com browser shows a blank page. But when I use the domain https://dev69

Setting onBlur overrides default onBlur function

I am using a component from a library (react-native-searchable-dropdown) that already has some onBlur function implemented by default. I want to add some additi

Why isn't necessary the contextAPI in that case?

I thought that if I want to pass a state in another component, it is possible only through props or with contextAPI (provider etc). For example: import { create

Reactstrap tooltip to be placed on the bottom of whole div, not its children

I used reactstrap Tootltip and the target for it is supposed to be some div. I want tooltip to be always on the bottom of the main container. Unfortunately the

Use react-hook-form with select and multiselect

I'm trying to use react-hook-form with multi-select and select but it is not working. It worked with normal text field but not with select and multiselect. Here

I manage to upload the image but on the firebase storage but it says undefined

I cant preview the image inside the store, it says undefined I manage to upload it on images/ folder but the name of the file is undefined instead of the actual