Here is the information for Cloudflare D1 · Cloudflare D1 docs[^]. On that page it lists a number of support options. Cloudflare Discord[^] may be a better place to ask. Also, if you look at the sidebar menu on that page, there are code...

React

How connect my react page to database cloudflare d1 using github repo?

10 Mar 2024 by APE Experience

Hello, I am developing a website by testing the new functions of Cloudflare, and I already have my website integrated in their beta version. However, I would like to finalize the system I want to compose based on: 1. Teleporthq 2. Github...

React

Tour of Heroes: React, with ASP.NET Core Backend

20 Nov 2023 by Zijian

A series of articles comparing programmer experiences of Angular, Aurelia, React, Vue, Xamarin and MAUI

Typescript

ASP.NET-Core

React

Generate TypeScript Client API for ASP.NET Core Web API

17 Oct 2023 by Zijian

How to generate strongly typed client API in TypeScript for ASP.NET Core

I am getting an error.

24 Aug 2023 by Aryan Hegde

Project Overview: I am working on a social media application using React and Redux, where users can post, like, and comment on posts. Problem Description: I encountered an issue where the application is throwing errors related to undefined...

Javascript

React

Proper method for storing user data on the client side in react for authentication

19 Aug 2023 by Muhammed Muflih

I'm working on a React project where I need to store logged-in user information, such as their name, avatar, user_id, and more, on the client side. I'm looking for advice on the best practices and techniques for achieving this securely and...

client-side

React

LocalStorage

Proper method for storing user data on the client side in react for authentication

17 Aug 2023 by OriginalGriff

Storing anything like that client side means cookies - and that means two things: 1) you need to get permission first, just like every other site that won't shut up until you let them store cookies on your machine. 2) It's not particularly...

client-side

React

LocalStorage

Can we do windows authentication with react js client side and .net6 backend? Please provide any refrence links

13 Aug 2023 by Happy Learning

I'm trying to do windows authentication in react js and .net 6 but after trying so many soluction I didn't able to solve this. What I have tried: I have tried to set authorize http verb on controller but when I send request from react to api ,...

React

How to fit two selects side by side in a form with react-bootstrap

26 Jul 2023 by Laure CHAPERT

I'm learning react-bootstrap but I've found a pb . In fact, I'm making a responsive website and I want two designs with my form (for the sm screen and for the lg screen). I have a form with two selects . In sm mode, I want them to be one above...

bootstrap

React

How to fit two selects side by side in a form with react-bootstrap

26 Jul 2023 by Member 16059077

import './searchBar.scss'; import { Form, Button, } from 'react-bootstrap'; const AppHeader = () => (

bootstrap

React

Npm install problem when creating my first react app

17 Jul 2023 by Member 15050147

C:\Users\yaman>npm -v 6.14.10 C:\Users\yaman>npx create-react-app my-app npm ERR! code ENOTFOUND npm ERR! errno ENOTFOUND npm ERR! network request to http://registry.npmjs.org/create-react-app failed, reason: getaddrinfo ENOTFOUND...

React

npm

Npm install problem when creating my first react app

17 Jul 2023 by Member 16051955

sudo chown -R $USER /usr/local/lib/node_modules Try the above cmd before you installing yarn

React

npm

Map function shows only the last id of obj

19 Apr 2023 by folza

I use a map function to list products. There is a Details button in that div. There are 30 products in the JSON file. The products are listed properly. But if I click the Details button in the window showed only the last 30th id of the products. ...

Javascript

React

JSON

Map function shows only the last id of obj

19 Apr 2023 by Bohdan Stupak

All your product details share the same state. You need to extract a component with a single product details where each product will contain its own state. Something like data.map((obj) => () In general, it's a good...

Javascript

React

JSON

How to add HTML code in typescript

11 Apr 2023 by Richard Deeming

According to the documentation[^], the value passed to render should be an element, not a string. const sessionExpiredError = (Your session has expired. Please login again via

How to add HTML code in typescript

11 Apr 2023 by ramweb12345

How to add html code in const using typescript? I tried below code but getting html code also. I want display only text message What I have tried: const sessionExpiredError = ' Your session has expired. Please login again via

Secure Authentication for Web Applications: Avoiding Password Storage to Mitigate Cybersecurity Risks

10 Apr 2023 by Denny Boechat

The Importance of Secure Authentication in Web Applications and the Role of Identity Providers

SharePoint Framework aka SPFx Web part using React & REST API

22 Mar 2023 by Ashish Rastogi @11819728

SharePoint Framework WebPart to retrieve list items using React & REST API

How do I get rid of excess space on the right side of my page?

22 Jan 2023 by Stella Ojideh

*New to coding and desperately need some help* My site looks great on desktop but when opened within a smaller screens (mobiles & some tablets) there's excess space on the right side of the page. And also the navbar completely disappears. Any...

How do I get rid of excess space on the right side of my page?

22 Jan 2023 by Graeme_Grant

I am not seeing excessive space on the right, however, you have a few issues, like the disappearing navbar. To fix this issue: 1. CSS Section markers: \\\\ Order CSS \\\\\ should be: /* \\\ Order CSS \\\\ */ 2. If using position:...

Recursive functions to render data till nth level of nesting react

21 Jan 2023 by Vivek Sharma 3

const data = [ { "laboaratory": [ { "status": { display: "Code", value: "23123" }, "observation": [ { display: "Code", ...

Recursive functions to render data till nth level of nesting react

21 Jan 2023 by Vivek Sharma 3

function RecursiveComponent({ content, level = 1 }) { const Header = `h${ level }` if (Array.isArray(content)) return { content.map((e, i) => ) } if (typeof...

Recursive functions to render data till nth level of nesting react

21 Jan 2023 by Andre Oosthuizen

We can simply map an array with children inside of it, and some of those children have sub-children, and it can go on, your code should look something like this - import React, { useState } from "react"; export default function Family({...

Help with react and splunk

18 Jan 2023 by Patrick O'Rourke

Hi, I am working with React with Splunk, namely to create Splunk dashboards with Google maps API. that are generated with React. I have been creating dashboards in Splunk dashboard studio, then using the respective JSON with the google maps...

ReactJS

React

Normalizing data in react then displaying it in component using state

9 Jan 2023 by Chris Aug2022

I have a state setup using an Array that uses 0^n time I am trying to set it up so it uses O^1 time My Component. import { useEffect } from 'react'; import { useDispatch, useSelector } from 'react-redux'; import { Route, Switch, NavLink }...

Javascript

React

How to use the same map function with two separate divs?

7 Jan 2023 by folza

I have products in the divStyle div and product details in the window div. The window must open when you click the Details button and contain the product description of the divStyle product. The problem is that the window div is outside the map...

Javascript

React

JSON

How to use the same map function with two separate divs?

7 Jan 2023 by Graeme_Grant

If you want to reuse, create it as a component. Components are reusable.

Javascript

React

JSON

LibreGrid: Drop Into Your App, In 5 Minutes CRUD Your Custom JSON Data

10 Dec 2022 by raddevus

Drop in this React component and in 5 minutes, you can have it CRUDing your custom data.

Javascript

React

CRUD

Track Your Expenses with this Next.js/React App

8 Dec 2022 by Jerome Vonk

Granola is a web app for tracking your expenses with custom categories, reports and charts

Javascript find method returns undefined despite valid arguments

2 Dec 2022 by geomukkath

I am working on a simple React app which is a blog app. I have a component which is used to display the name of the Author. ``` import React from "react"; import { useSelector } from "react-redux"; const AuthorPost = ({ authorId }) => { ...

Javascript

Redux

React

How to correctly mint a NFT with any ERC20 token using react app & smart contract? Code w/ explanation provided below

15 Nov 2022 by tdev00

Problem/Clarification: I have a NFT minting DApp that mints with multiple ERC20 tokens. I'm having an issue with the react code which calls the smart contract minting function multiple times. When a user mints with their preferred ERC20...

React JS different navbars for different pages

14 Nov 2022 by Patrox Warez

I have two different Navigation bars, one for the main page of my web, and another one for the admin page if the user logins. (the login is not implemented yet). I want to know how to change the NavBar based on the page. If I am in the homepage,...

Javascript

React

React-native parsing XML using fast-XML-parser

14 Nov 2022 by MohammedZr

i'm getting this Error Quote: [Unhandled promise rejection: TypeError: (0, _fastXmlParser.parse) is not a function. (In '(0, _fastXmlParser.parse)(data)', '(0, _fastXmlParser.parse)' is undefined)] When using�fast-xml-parser�package, what I'm...

React

React is not updating DOM when a redux state change is made

25 Oct 2022 by GuyThiebaut

I have a React site that makes use of Typescript and Redux to handle the state. I have found that if I call the dispatcher to update the state via Redux that the state is updated(I can see this via dev tools) but React does not pick up the...

Typescript

Redux

React

Usestate callback vs usereducer in react

2 Oct 2022 by Patrick O'Rourke

In React, is applying callback with useState hook the same as using the hook, useReducer? If no, what is the difference? Thank you for any help you can provide! What I have tried: I do not understand how both these hooks and there...

ReactJS

React

A post method is working fine with postman but not working in react native and getting error code 400, from ASP rest api

31 Aug 2022 by nityanand NCR

A post method is working fine with Postman but not working in react native and getting error code 400. The api working from asp rest api. I have tried this code. What I have tried: const formData = new FormData(); formData.append("file",...

Node.js

react-native

React

React simple crud how to learn

25 Aug 2022 by OriginalGriff

This is the fourth time you have posted random code without asking any actual question, or at least not in a form anyone but you can understand or answer. As with your other questions, there is nowhere near enough information here for us to...

React

CRUD

Introducing node.data.obfuscator

10 Aug 2022 by Alen Toma

This library is built so that you could secure JSON or string data in JS files. The library will shuffle the data in memory and make it unreadable for the naked eye.

React Icon Set for CRUD Applications

9 Aug 2022 by Evoluteur

SVG icon set for CRUD applications packaged as a React component with light & dark themes and tooltip.

How to nest bottom tab navigator, stack navigator and drawer navigator in react native?

22 Jul 2022 by ONKAR MEHRA

I have been trying to nest stack navigator inside bottom tab navigator and which has been nested into drawer navigator. In terms of nesting, bottom tab navigator is at the top, then bottom tab navigator and then at the end stack navigator. I have...

How to nest bottom tab navigator, stack navigator and drawer navigator in react native?

22 Jul 2022 by Member 15714599

You have good approach but the problem is that we can not use these navigations from React but instead we can use Flux one.

User preferred language saved but the page language didn't change only after I reload the web page

21 Jul 2022 by Member 15713315

I'm using ant design pro boilerplate on top of umijs. The idea is In the platform we have 2 languages to choose from Fr(French) and En(English), I want the user when he logs in and change the language to English for example when he logs out and...

Javascript

ReactJS

React

Get data for each subcollection for each document of a collection in firebase

14 Jul 2022 by kkongkk

I have a fitness dashboard to show activity of users. However the way the database is structured has made this difficult.{collection/document/subcollection/document} Currently the dashboard does show each user and all the information (i.e....

Get data for each subcollection for each document of a collection in firebase

14 Jul 2022 by Gerry Schmitz

Bad design leads to bad code. There is no logical reason to create a "subcollection" simply because someone works out more than once in a day. You have a workout for a give date and time by person x. You want to total by day, week, etc. it's...

How do I merge the function into the component

14 Jul 2022 by kkongkk

I want to put the 'home' function into 'Header', however I have no clue how to without breaking it. I am trying to welcome a user who logs in via Google their name and profile pic with a message... I am trying to get rid of the Home function,...

Copy or map object array to another in react

11 Jul 2022 by saifulhaque

Hi, I am new developer in react. My question is Example I need to copy authors array to authors1 changing field name .Can you please help me const authors = [ { 'id': 1, ...

ReactJS

React

Copy or map object array to another in react

11 Jul 2022 by Richard Deeming

You won't find an exact answer to your question. A lot of programming is about finding a close-enough answer and adapting it to your requirements. Use the Array.map method to map the elements in your array: Array.prototype.map() - JavaScript |...

ReactJS

React

Display row wise button onclick popup video player using react

1 Jun 2022 by Fraction Analytics

call API using `fetch` and get response in console and assign values to table header. after that creating one button in react js. Each button have one video URL which is got from API response API response: Camera_Number:"Camera_1" ...

Javascript

ReactJS

React

Supporting the Lost Animals Search Service Through a Simple and Useful Mobile App

19 May 2022 by André Marcos (Advisor), GracianoSouza

React Native, Node.js and PostreSQL, a PERN stack to develop an app to support the lost pets searching process

How to create different slug using same title by incrementing number at end in react

16 May 2022 by MS The Tech Guy

let slug = state.data.title.trim().replaceAll(" ", "-").toLowerCase(); what i should get after adding multiple posts using the same title title title-1 title-2 title-3 what I get title title title title I am using Axios and JSON server ...

Javascript

React

React-video-js-player "no compatible source was found for this media"

12 May 2022 by Ang QiShao Ben

I am working on a product that takes a file from API and read as a blob. But pressing the play button on the video does not work. I have tried using tried using querySelector or a useState variable. All not working. There are no errors as you can...

REACT-display dropdown with colors in function of specification?

16 Apr 2022 by Zokulko

I want to create a button for the Taste : `Good`, and the Comments: `3/4`, Price: `Low`; which are the defaut value (from the match.json) but the user can have the possibility to modify these default values. So when you click you have a dropbox...

Javascript

ReactJS

React

REACT-display dropdown with colors in function of specification?

16 Apr 2022 by Graeme_Grant

I am not a React programmer, however a quiick Google Search has many how-to tutorials: react custom select dropdown[^] Find one that best suits your needs.

Javascript

ReactJS

React

REACT-display/hide rows in table via visibilityicon/visibilityofficon

15 Apr 2022 by Zokulko

Hello, I'm new to REACT, I want to hide/display a row if I click on VisibilityIcon/VisibilityiconOff. The icon will be put for each row on the Show column in my table. Here what I have done but when I click on the icon Display VisibilityIcon...

Javascript

react-native

React

How to solve this plase help me

14 Apr 2022 by aaryan jain

Exercise 2: Chat Box Language: Angular / React Description: When you send a message from the send button then after 3 second system automatically sends you the same message back. Note: System will send text “Hi” instead of object object. What...

React

How to solve this plase help me

14 Apr 2022 by OriginalGriff

While we are more than willing to help those that are stuck, that doesn't mean that we are here to do it all for you! We can't do all the work, you are either getting paid for this, or it's part of your grades and it wouldn't be at all fair for...

React

Not able to fire API call in jest for react component imported in another react component

3 Apr 2022 by Shwetha rao

I am trying to test Button click function in jest. It seems like its not able to hit API from test file. I am using MSW (Mock Server Work) to mock API calls. Its look like I am loading main component and trying to access another component click....

ReactJS

React

After login condition passed not redirect to dashboard in reactjs

24 Mar 2022 by vinod-op

I faced an error and tried to solve this but after wasting my whole day it not be solved. this is My Login.js file The code which I bold(in the I used I f-else condition). the condition does not work. I set the condition if the user role is...

Javascript

ReactJS

React

Js-ccokie sets on local but not on server

5 Mar 2022 by Mohammad Hossein 2022

when I login in my project locally all the cookies set on localhost but when I do it on server it doesn't set the cookies and I can see the token is received with redux-persist in localStorage. here is the code of how I set it: ...

React

ReactJS

next.js

Filter the data only once in react hooks

17 Feb 2022 by Beka Qi

Is it something wrong in my code that's only filter the data once, and after that I got no data when I search it again. What I have tried: const results = data?.map(singleData => { singleData.websites = singleData.websites.filter(website...

Javascript

ReactJS

React

Filter the data only once in react hooks

17 Feb 2022 by Richard Deeming

Your code is overwriting the websites property of the items in your source array with a filtered list. Change it to return the filtered list instead: const results = data?.map(singleData => singleData.websites.filter(website =>...

Javascript

ReactJS

React

How to keep arrow indicator central above tooltip after scrollbar is activated?

15 Feb 2022 by Andre Oosthuizen

Try the following, just adjust the naming conventions to your own. Change your HTML markup to take more control on overflow:

Javascript

React

How to keep arrow indicator central above tooltip after scrollbar is activated?

15 Feb 2022 by Member 15507303

As soon as the scrollbar is activated the arrow indicator leaves its central position above the tooltip and shifts to the side by the width of the scrollbar. The arrow is created additionally to the tooltip using bootstrap. Therefore the...

Javascript

React

How do I merge the function into the component

15 Feb 2022 by Andre Oosthuizen

Remove your Home constant completely, use the div inside your header as you are already making a call to "user" there, something like this (you need to play with it as I have no idea what end result you require) - function Header() { const...

How can I create a property for a tooltip component in react which allows fellow developers to not render a certain part of the component?

14 Feb 2022 by Member 15507303

Having the code of a tooltip component + a triangle indicator around it, I am supposed to create a property within this component which allows my fellow developers to remove the indicator when necessary. However, the indicator is after my...

Javascript

React

Why Use State Management in Front End Code?

16 Jan 2022 by Gunnar S

Good reasons for using State Management in Front End Code

404 not found axios MERN blog please help

14 Jan 2022 by Mike Finnegan

I have been following along on a YouTube tut for creating a MERN blog. When I try to get data from MongoDB using Axios, I get a 404 error, saying it can't find /posts route. Please help me find what I am missing. I've only found this on Google...

React

Hi am failing to install react on my android

2 Nov 2021 by Richard MacCutchan

install react on Android - Google Search[^]

Javascript

React

My textinput disappear when I sart taying

30 Oct 2021 by houcin olmostaf

I have screen named EditeScreen .it has text input that takes the height of the device . so the problem is when I start typing the text goes above and disappear. any solutions please here is my Text Input component

My textinput disappear when I sart taying

30 Oct 2021 by Member 15413342

paddingBottom is whats pushing your texts upwards. Change the value to maybe 10, and see if it helps

How can I call API when component mounts, then set an interval.

27 Oct 2021 by jsanch

I am building a display board. I want to call the API when the component first mounts. Then, I want to create an interval that calls that API every 20 seconds. Currently I dispatching two calls. I know why it's happening, but haven't been able to...

Creating a calculator with self-refreshing output in react

27 Sep 2021 by Member 15341738

I am trying to create a calculator in React, with an output field updating once user inputs one of the values. It has to be within a class. class CreateProjectAlter extends React.Component { render() { const { classes } = this.props; ...

Creating a calculator with self-refreshing output in react

27 Sep 2021 by saiche nouh

import "./styles.css"; import {useState} from "react"; export default function App() { const [input1 , setInput1] = useState(1); const [input2 , setInput2] = useState(1); const [output , setOutput] = useState(1); return (

Creating a calculator with self-refreshing output in react

27 Sep 2021 by saiche nouh

the question is not clear , you wanna a calculator that shows an output updated once you update the input ? is that your question?

How to match pairs of inputs in react usestate dynamically?