Category "reactjs"

Is there a way to determine the current font-size of a DOM element in ReactJS?

In our app, a piece of text changes font-size using a CSS class with responsive breakpoints. But some users want fine-tooth control over the font-size, so we ha

REACT JS FIREBASE FIRESTORE- how can i update my field in a document?

here is my manageexam.jsx file this is where the update happen when i click the manage button on the table. i want to update a specific document id (3BelYq7lMxR

How to measure the height of a child and pass it to a parent in React?

I want to calculate the height of a component and send it to its parent when the page is loaded and resized. I'm using the below reusable Hook to successfully m

React pass multiple properties and children

I'm new to React, typescript and nextjs and I'm trying to pass multiple properties to a component. But, I seem to override them. For example I have this in my _

Integrate Phaser Game with React as component

I'm new to React, I want to make a component for my phaser game to insert it into a react project. My Game component: import React, { Component } from 'react' i

Use of Maps Chart from Ant Design

I'm using ANT DESIGN CHARTS on an example project in React. I try to add two differents types of charts a line chart and a map chart for the moment only a copy

Keycloak - React.js cannot call API

I have a simple React.js application. I want to test if it can call an endpoint from my API. Both my API and React.js application are using Keycloak for Authent

I can't solve the dependency tree every time i try to install @craco/craco

Unable to solve dependency tree trying to install tailwind. This is my package.json: { "name": "front-end", "version": "0.1.0", "private": true, "devDep

Not able to Initialize Firebase APP inside script module in HTML

I am working on a minimal (proof of concept) project with Preact and Firebase. A single HTML file, bundler/transpiler free thanks to HTM as JSX replacement. Her

FieldRenderProps with React Native TextInput

I created custom TextInput for final-form in React-Native. And I need to specify type for FieldRenderProps. And I have an error: TS2769: No overload matches thi

I get a problem with use dotenv with react in typescript or .tsx files

I tried to use import * as dotenv from 'dotenv' and import { config } from 'dotenv' and restart the server many tames else I tried that dotenv.config({ path: __

Coordinate overlapping components to scale together

Attempting to create a higher-order component with two components that scale together. The higher-order component is set up as so: <> <Component 1/

How do I update a record using the put API?

As you can see in the React Js code I am trying the Reduce one by one quantity when clicking the Delivered button. When the Click Delivered button quantity bec

'Manifest...' error when loading deployed Gatsby site on Amplify

I have a Gatby/Material UI website that I just deployed on AWS amplify and it seems like the CSS is not loading on the first render. If I click a button that ro

Not able to get data (node.js) from my client (react.js)

I'm not able to retrieve the data I'm sending from the client to the server. My react code is the following: axios.post('http://localhost:5000/post-entry', { da

API cs-cart put request by react and axios

I use react in front-end and cs-cart API in back-end. In the following code I used axios.put() as follows: const data = JSON.stringify({ "test1": "val1" });

Put the cross on the top right page instead of the left

how can I put the cross on the top right side of my page? For now it appears on the left side. .close { vertical-align: middle; border: none; color:

Why my setPin in scrollMagic don't pin in react but in normal html it works properly?

I have a problem in reactjs wherein My setPin don't work properly in reactjs but in normal html it works properly... Basically the code was something like this

decrease number server making with express put method

I am trying to decrease the quantity, which I have to change on mongodb database, also I need to show it in body. I set a button called delivered which will de

How to use react-big-calendar only for month view

I'm trying to use react-big-calendar, only for viewing the month and allowing the user to press a certain date, which should trigger my own function. That is I'