I use Material Datatable in my React app and want to render the following part conditionally if data is not null or undefined. It is also ok for me not to execute Object.entries(data).map(x => ( line. <TableBody > { Object.entries(data).map(x…
I'm working on some code that's using React. It's added to the page like this: ReactDom.render(MyClass.render(), document.getElementById('app-id')); MyClass is defined as a generic class: import App from "./App"; class MyClass { constructor(props) { this.props = props; } render() { return…
Why won't this code which causes a variable called age to increase or decrease according to the pressing of certain buttons. But then it should also allow us see whatever is typed in the text box be displayed outside of…
I'm building an application with Reactjs and Nodejs and I've built all my routes using React-Router-Dom ` <BrowserRouter> <Routes> <Route path='/' element={<Home />} /> <Route path='/receitas' element={<Receitas />} /> <Route path='/receita/:id' element={<ReceitaPage />} /> <Route path='/login' element={<Login />} /> <Route…
I use Material Multiple select to select employees as shown on the following demo: sandbox demo However, I display id values of the selected employees, but I want to display names of the selected employees. For this purpose, I used…
I'm trying to make a simple Todo list app. I'm trying to use the push method to add to the array in JavaScript. I have a button that adds a todo and an input to enter the todo. Then an…
We have the following code sample: function DraggableText({ x, y, text }) { const [position, setPosition] = React.useState({ x: x, y: y }); const [isDragging, setIsDragging] = React.useState(false); const [mouseOffset, setMouseOffset] = React.useState({ x: 0, y: 0 }); const handleMouseDown…
import React, { useState, useEffect } from 'react'; function DigitalClock() { const[currentTime, setCurrentTime] = useState(new Date()); useEffect(()=>{ const interval = setInterval(()=>{ setCurrentTime(new Date()); },1000); return () => clearInterval(interval); },[]); useEffect(()=>{ const second = currentTime.getSeconds(); if(second===0){ console.log("another minute passed"); } },[currentTime])…
I have a navbar in which there is a button that opens a menu on full screen and in the menu there is a dismiss button. now everything works except the button that opens the menu. It works on double…
I'm trying to create a SignUp authentication page with firebase, So when I'm try to type anything in the textfield every time the text field got reset, I cant able to find the problem. But the main problem I found…