Category "reactjs"

Return value from function React from an Axios' response

I have this function in React that should export the result got from an Axios' API call: import axios from 'axios' export function youtube(channelId) { va

Return value from function React from an Axios' response

I have this function in React that should export the result got from an Axios' API call: import axios from 'axios' export function youtube(channelId) { va

react modal unable to open

i am trying to use the headless ui modal but i am trying to launch this modal.js from my home.js file. so in my home.js file i have something like this function

How to submit a form using Enter key in react.js?

Here is my form and the onClick method. I would like to execute this method when the Enter button of keyboard is pressed. How ? N.B: No jquery is appreciated. c

how to run my node application and react app in the same time with one command?

I am going to build my boilerplate for React and node, the root folder structure is look like this - (root level) - client - src - public

How to prevent click outside React Modal?

I'm currently using react-modal package. I want to disable click and scroll outside react modal component.

Bundler does not load automatically (No bundle URL present error)

After updating my React Native app to the latest version up to date (0.60.4), launching my app using react-native run-ios would result in my application startin

How to handle "outside" click on Dialog (Modal)?

My box closes when clicking outside of the box making me lose all the input. I want my box to close only when clicking on the cancel button. I am not sure what

Problem with expo, util couldnt be found within the project

Error output got error and couldnt get it fixed idk whats problem last thing i remember was installing latest version of npm, after that rolled back and install

Error: idpiframe_initialization_failed while implementing OAuth 2.0

I am getting this error while using OAuth 2.0 in my web application. I am building my application in React. I have created the OAuth Client ID as well. I am usi

Error: write EPROTO 4455222784:error:1408F10B:SSL routines:ssl3_get_record:wrong version number:../deps/openssl/openssl/ssl/record/ssl3_record.c:332:

I have a websocket server running on the backend using the ws nodejs library. I'm getting this error whenever I am trying to connect to it from the client side.

How to avoid warning: Outer scope values like 'userDTO' aren't valid dependencies because mutating them doesn't re-render the component

getTransactions method call need to be called only if user is logged in, but the info about the user will not be visible. What can I do to force a reload when o

Laravel mix, webpack, terser - strip console log in production bundle

I'm trying to strip console log and console debugs from the production build of my laravel + react app. I found many different solutions but none seemed suitabl

Pluginable cross-platform software design for react & react native

I want to design a cross-platform (Android, iOS, and Web) plugin-able software that means everyone can easily develop a plugin for it and users can pick plugins

Getting "Html Webpack Plugin: Error: Child compilation failed: Module.createRequire is not a function" when trying to run React app

Trying to run npm start within my React app is causing the following: Error: Child compilation failed: Module.createRequire is not a function - child-c

React path to public folder in css background image

I am using Create-React-App and I want to add background image for my header section and I am doing this in that way: background-image: url('~/Screenshot_11.png

NextJs - Link to scroll to a section in same page

I'm using NextJs. I would like to create a link in my header section. This link should take the user to TestimonialsSection on the same page by scrolling.

A component suspended while responding to synchronous input

error Error: A component suspended while responding to synchronous input. This will cause the UI to be replaced with a loading indicator. To fix, updates that s

How do I get rid of the white spaces on both sides of an image?

I'm trying to get rid of the empty space around an image, which is inside of a bootstrap column. I've managed to fix the problem on desktop using -1rem on the

How can I center the text in the headers for an AG-grid control?

How can I center the text in the headers for an AG-grid control? I have tried using cellstyle and cellclass in the column definition but that did not work. Than