Category "reactjs"

Axios: chaining multiple API requests

I need to chain a few API requests from the Google Maps API, and I'm trying to do it with Axios. Here is the first request, which is in componentWillMount() a

Rollup & React- How to separate component bundles?

I currently am trying to build a UI Library for React and I am having a little bit of trouble. Currently I am using typescript and rollup, and I am able to bund

React Native InitialRouteName

I'm using React Native v5.0 and trying to set a nested navigation for my app, however, the prop "initialRouteName" don't seem to work, even if i set it alone wi

Spring Security with React.js front end on other port

I'm trying to create a spring security authorization for my university project. Unfortunately, I came across a problem, my frontend is on port 3000 and the back

React Admin: I'd like to route to <Show> view from a list

I'm currently using react admin.I would like to route to my ActivityShow component when I click a row in the Resource list. When I click the row, the app route

how to integrate jenkins with react jest testing results

My project is using reatJS, jest is used to do unit test and also to generate the coverage report. Now I need to use jenkins to automatically build the project

Inline CSS styles in React: how to implement media queries?

I quite like the inline CSS pattern (video) in React and i am thinking about using it. However i have a question similar to this one. How does one go about imp

react.js antd carousel with arrows

I am looking at using the antd Caroseul, but I've not seen an example that creates a prev/next or pause button. const { Carousel } = antd; ReactDOM.render(

Displaying a Success Message on form submission with react-hook-form using hooks

I have a form that does the error validation correctly but having trouble trying to show a success message if everything is filled out and submits. I'm using th

I'm getting item.map is not a function when I try to delete an item with filter

I'm having a difficult time knowing why when I try to delete an item, it gives me a items.map() is not a function. Before I added the delete functionality, it w

Rendering <Context> directly is not supported and will be removed in a future major release error

i am getting the following errror: Warning: Rendering directly is not supported and will be removed in a future major release. Did you mean to render <Cont

TypeError: (0 , _react.useEffect) is not a function

when in the development environment, my app works just fine. When in the production environment it crashes with the error: Uncaught TypeError: (0 , _react.useE

How can I put border styling with react-stripe-elements input component?

About this React component library. https://github.com/stripe/react-stripe-elements How can I put border styling with input component? <CardElement style={

React google login silently failing

const onGoogleLoginFailure = () => { console.log("failed"); }; const onGoogleLoginSuccess = useCallback((response) => { const idToken = re

API undefined issue with petfinder and ReactJS

I am having an issue with petfinder API and ReactJS. Everything works until I try to access the pets "object/array". import React, { Component } from 'react'; i

Does Material UI have an Image component?

I used other react components before, they mostly have their own Image component, but I can't find that in Material-UI? Or is it done via CardMediaAPI? or simp

How to get the width of a react element

Im trying to create a range input that displays a tooltip right above the slider thumb. I went through some vanilla JS examples online and it seems that I need

What does this warning message mean? 'img elements must have an alt prop, either with meaningful text, or an empty string for decorative images'

Why am I getting this warning? warning: img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/im

Convert blob to image in React Native?

I have a blob in aws S3: https://s3.us-east-2.amazonaws.com/fakedomain.com/2021-12-23T21%14%05.888Z-blob I'm trying to display it within the card <Card.Cover

Access to fetch at from origin 'http://localhost:3000' has been blocked by CORS policy

Adding to the database shows the error. what should I do? Access to fetch at 'http:xxx' from origin 'http://localhost:3000' has been blocked by CORS policy: Re