I'm trying to emit upon any socket.io event, but haven't been able to. I have a react app with frontend and backend, socket.io installed on the backend and socket.io-client on the frontend. I have a socketServer.js: const registerSocketServer = (server)…
I created a blog component to my portfolio to display my medium posts, I wanted to test if it would render new articles so I published a new article to test it but it doesn't change even on refresh, the…
I am a complete newb to Visual Studio Code and React Apps, so please forgive my complete lack of knowledge when it comes to coding. I have just created a React App in Visual Studio Code and I do not…
I have an output from my return Object like the below: { "note_1": 14, "note_2": 0, "note_3": 5, "note_4": 17, "note_5": 22 } I need to transform this into a new Array where i would need to add values from…
I would like to know how can I inject dynamically component from text with html and execute it. I would like, for example, replace <abbr></abbr> by a custom component. Currently, I have a text: <h1>Lorem</h1> ipsum <abbr title="">Test1</abbr> dolor sit…
I created a brand new reactJS application via these instructions, ran npm i && npm run dev and I get: /home/www/node_modules/next/dist/cli/next-dev.js:362 showAll: args["--show-all"] ?? false, ^ SyntaxError: Unexpected token '?' at wrapSafe (internal/modules/cjs/loader.js:915:16) at Module._compile (internal/modules/cjs/loader.js:963:27) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1027:10) at…
I am creating a react-router prompt, so here I want to apply the alert message when you want to switch from one tab to another. I have applied the alert property for that I had create a function confirmSwitchTab, but…
I am in the process of creating a shopping page which contains an array of items, I have also implemented functions such as "addToCart", "removeFromCart", "increaseQuantity" and "decreaseQuantity". However, when I pass these values as a prop to the cart…
i'm new at react and i'm trying to build a box where i can show data dynamically. const Widget = ({type}) => { let data = { title:"", increase: false, amount: 0, link:"View Billing", icon: <KeyboardArrowUpIcon classname={"icon"}/> }; I did…
I have an NPM script for building react application written like this "build": "react-scripts build". When I run npm run build the following (incomplete) directory structure is created: build |-- images |-- manifest.json After some time the command completes but…