I've started a Next.js 13 app, I have a main.modules.scss file .heading { font-size: 4rem; color: #000; } .dark .heading { color: #fff; } I am using it to style a component like this import styles from "@/styles/main.module.scss"; export default…
My problem The code is simple. When you switch to any new button, it will log the updated sourceType, then "My Log". You start off at the posts tab, then you clicked users tab, it will log "users" and "My…
I have a string with multiple different HTML characters in it. For example: var price = "CHF 150.– (brutto)"; how can I replace the HTML entities like – with the string character like below? "CHF 150.- (brutto)";
My bundler creates a simple React component as follows "use client"; "use strict";var a=Object.create;var r=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,s=Object.prototype.hasOwnProperty;var m=(t,o)=>{for(var n in o)r(t,n,{get:o[n],enumerable:!0})},c=(t,o,n,u)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of i(o))!s.call(t,e)&&e!==n&&r(t,e,{get:()=>o[e],enumerable:!(u=b(o,e))||u.enumerable});return t};var B=(t,o,n)=>(n=t!=null?a(l(t)):{},c(o||!t||!t.__esModule?r(n,"default",{value:t,enumerable:!0}):n,t)),f=t=>c(r({},"__esModule",{value:!0}),t);var x={};m(x,{Button:()=>k});module.exports=f(x);var p=B(require("react")),k=()=>p.createElement("button",{onClick:()=>alert("boop")},"Boop");0&&(module.exports={Button}); //# sourceMappingURL=Button.js.map Although it has "use client" on top,…
I need to make changes in the "todo" element based on the "todoId" of the object. How can I do it? Like, if I want to change only the "todo" array of the object that has the "todoId" = 1,…
I have a problem to pass the backgroundImage this is my code: Home.js import React from 'react'; import './Home.css'; import AlarmCardInvertida from '../components/AlarmCardInvertida'; function Home() { const alarmCardInvertidaData = [ { background: '../../images/banners/casa01.jpg', }, ]; return ( <> <h2 className='alarm-cards-title'>Funcionalidades…
I'm trying to create a tabbing system. Here is the simplified version of the code: import { useState, useEffect } from "react"; function Test({ id }) { const [text, setText] = useState(""); return ( <div> <input type="text" value={text} onChange={(e) =>…
Language used : Js with react, react hook form and material ui What I want to achieve : I want to create an input with mask. the mask have static value, variables value and user value. Here is where i…
Below is a simple hook function App() { let [counter, setCounter] = useState(0); return <button onClick={() => setCounter(counter + 1)}>{counter}</button>; } My understanding on how react works is: React will call App() to get a React element as: let element…
I just want todays date in string format(eg 2/08/2023 ) inside a usestate hook variable as a initial value. Current working code const [startDate, setStartDate] = useState(new Date()); // output Wed Aug 02 2023 12:52:16 GMT+0800 (Australian Western Standard Time)…