I have an array of objects as a state variable. I am trying to write a function that changes a field in one of the objects. interface IItem{ id: string, selected: boolean } const [array, setArray] = useState<IItem[]>([]) const toggleItem…
I am trying to create a hook that hides my form after it has been submitted whilst trying to show the message sent image afterwards, but I can't seem to get the form to disappear. so far I have tried…
I am creating a web application with ReactJS that uses the React Router DOM library. This application will contain an authentication system that will be used on some routes, for example: <Routes> <Route path="/" element={<Login />} /> <Route path="/dashboard" element={…
I have an array like this: const actions = [ { header: "Money", type: "icon", icon: <Icon.DollarSign key={5} style={{ display: "block" , }} size={20} color="#88CFE0" onClick={() => console.log('Dollar')} className="cursor-pointer" /> , visible: true, }, ] I'm trying to render that…
I'm trying to run my Setup function once when the Discord Activity loads (https://discord.com/developers/docs/activities/how-activities-work). My code somehow runs the function twice and creates an error. Here is the code I'm using: function App() { const [auth, setAuth] = useState<authType>(null); async…
{filteredBookings.map((booking, index) => ( <Modal key={index} // Make sure to provide a unique key open={detailModalVisible} onCancel={(e) => { setDetailModalVisible(false); setCurrentBookingIndex(null); }} footer={null}> <EachBooking key={currentBookingIndex} // Ensure EachBooking components have unique keys selectedBooking={selectedBooking} roomId={selectedRoomId} roomName={selectedRoomName} username={username} toPreviousMainModal={toPreviousMainModal} /> </Modal> ))} I…
While developing, I extracted part of the content from the parent component into a child component, which is naturally more complex than the code in the example. When I try to enter text in the input box, it loses focus…
Here is the /[work]/page.js export function generateStaticParams() { return [ { id: "work-1" } { id: "work-2" } { id: "work-3" } ]: } export default function WorkPage({ params }) { const { id } = params; ... and here…
my coding is working fine but when i use onSubmit in the form as attribute then the whole ui disappear and nothing is showing on the ui why what is the solution please <form onSubmit={handleSubmit}> // what is the problem…
const [isLoading, setIsLoading] = useState(false); //this is the whole method where I want to use it const joinRoom = () => { const roomKey = roomKeyInput.current.value; if(roomKey == null) return let req = { sessionId: sessionId, socketId: socket.id } setIsLoading(true)…