I have a page where it displays information about students, I'm currently using array.map() to show all students. There's a function in this page, where you can click in one student to show more info. I'm using an onClick function…
I am working on a chat app with React 18 and Firebase. In the srcpagesRegister.jsx component, I have a form that I validate with Simple Body Validator: import React, { useState } from "react"; import FormCard from '../components/FormCard/FormCard'; import {…
I am working on a chat app whose UI is made with React 18. The app has a sidebar containing user profiles. The app is no taller then the browser window, so the list of user profiles has to be…
I have components DoneTodos and Todo. First one uses the second one and should return rendered list of Todos which are 'done' ( In todos i have this key-value, it's false by default ). Here they are: Todo.jsx: export default…
I'm having an issue trying to use create-react-app with the typescript template, although it was working in the past. When trying to use create-react-app with no template i.e JSX, it sets up perfectly. I can't figure out what's going on.…
I decided to improve the routing in the pet project and found such an opportunity in the guide so that it would be possible to add chats. import React from 'react'; import { Routes, Route } from 'react-router-dom' import Layout…
I am trying to keep my top menu from scrolling with the rest of the page in my Expo React Native Web project, but after hours of troubleshooting, I can't get the menu to be sticky. Please have a look…
Problem Description: I'm working on implementing a search bar in my React application. The search bar should show a list of suggestions when users type in the input field. These suggestions should be selectable, and when a user clicks on…
I am building an whiteboard application and to create the white board I was playing with html canvas element. I was trying to print a word on canvas but I really don't understand why but it is putting it twice…
due to missing semicolon render method I'm not able get desired output render () { return ( <div className="frame"> <CalculatorTitle value="My Calculator" /> <div className="mainCalc"> <OutputScreen question={this.state.question} answer={this.state.answer} /> <div className="button-row"> <Button label={"Clear"} handleClick={this.handleClick} /> <Button label={"Delete"} handleClick={this.handleClick} /> <Button…