I have a component that creates a dropdown where the values are a list of policy areas that are pulled from a SQL server database/tables. The selected policy area is then saved into a useState called selectedPolicyArea. I then have…
I am new to web development. I am attempting to create a Express/Node + React Project. I've followed a tutorial and on my localhost:3000 I'm getting "Index of/" with a list of my folders instead of the api data. Please…
Please help need to insert variable into the return export default function AboutScreen({ route }) { const { name } = route.params; alert(name) state = { text: '', stored1Value: '', storedValue: '', store1Value: '', storeValueU: '', storeValueUU: '', storeValueUUU: '',…
I have some problems regarding React code. Inside my App.jsx, I wrote the logic with and without the destructuring of an object I get from an jsx tag: <input name="fName" placeholder="First Name" onChange={handleChange} value={fullName.fName} /> <input name="lName" placeholder="Last Name" onChange={handleChange}…
I am trying to get started with ReactJS and I have watched a beginners Pluralsight course. I seem to be falling at the first hurdle followin what the tutor is doing. Here is my HTML (index.html): <!DOCTYPE html> <html lang="en">…
I have recently started working on a ReactJS webapp codebase that is bit out-dated and currently being tasked to modernize by upgrading to latest versions of dependencies and NodeJS 14 to LTS. The problem I encounter is that sometimes, the…
I am creating a whatsapp clone. For showing profile picture, I have made a card component which is accessed from a top_bar component. function Show_dp(prop){ return( <div id="box"> <div id="dp"> <img src={prop.image}></img> </div> <div id="buttons"> <div className="buttons_dp"> <FontAwesomeIcon className="ico" fontSize="1.5em"…
I have a flex container in which I want to have another flex container which scrolls content when it is too large to fit the screen. This is what I have so far: <Box sx={{ m: 'var(--Content-margin)', p: 'var(--Content-padding)', width:…
npx create-react-app my-app Need to install the following packages: [email protected] Ok to proceed? (y) npm warn deprecated [email protected]: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested…
I want to publish my website with MongoDB database, React.js front-end and Node.js back-end. But I don't know what plan should i buy. Like will I need to buy a cloud server for back-end? Does MongoDB handle the back-end? Can…