I'm working on a web app with a React front end with a .NET web API back end. The app will have a large number of user uploaded images. It doesn't seem logical to me to store these images within…
I've imported a React project from Github (link below) into my VS editor. It deploys fine to my browser. I can make edits in my .tsx files just fine. But the text in my about.html page doesn't appear in the…
I was bug fixing the FE code for my company's App which still uses React 17, and I notice different behaviour when setting the state between React 17 and React 18 (without strict mode) Code: import React, { useEffect, useState…
In this react component how come usestate is working inside a regular function regfunc? It should throw some kind of error but it isn't. import { useState } from "react"; export function App() { let regfunc = () => {…
html: <mat-form-field appearance="outline"class="inputBox"> <input matInput name="total" placeholder="0.00" [ngModel]="total" (ngModelChange)="handleOnChange('total', $event)" /> </mat-form-field> TS: public handleOnChange = (field, e) => { console.log("hell", field) this.total=90 } the value of this.total should remain constant at 90 after any change event triggers the handleOnChange…
I'm trying to add an icon to my react app that can conditionally be a plus or a minus. The icon is contained inside a circular button that works correctly aside from the fact that the icon it should contain…
I'm trying to realize very simple functionality. A user must have a possibility to search posts by its tag. So, I have the following Feed.jsx component: "use client"; import { useState, useEffect } from "react"; import PostCard from "./PostCard"; const…
Given the following React MUI V5 sample code, I am setting up a profile page where I have the details of a person to the left of the page that is represented with a label/value down the lefthand side of…
I want to have 4 buttons which unfold 4 divs onclick and it should only be possible for one div to be open. Therefore I created an Array with all buttons and gave everyone a false state. In my opinion…
The react App.js has two panes, left page is menu and right pane is displaying content accordingly. The content in right pane should be scrollable if it is more than one page with style={{ overflowY: 'auto', maxHeight: '100vh' }}. Here…