Im following a youtube tutorial (https://www.youtube.com/watch?v=7LNl2JlZKHA&t=300s) in order to setup a webapp using Flask and React. Ive followed the turotial pretty closley (other than having issues with a venv, which i fixed by not using one). Everything compiles, but I…
const {useState} = React; function Row({ id, delete1 }) { const [check, setCheck] = useState(false); function checkmark() { console.log("checkmark clicked"); setCheck(!check); } let message; let even; if (check) { message = "task completed"; } else { message = "task not…
I am trying to make the layout for a form with 3 material UI selects, one input field and one button, as in the picture below. form I want to use the flexbox tools in order to adjust the width…
When I import the bootstrap in react project like this: import bootstrap from "bootstrap"; shows error: Uncaught SyntaxError: The requested module '/node_modules/.vite/deps/bootstrap.js?t=1693123714754&v=6a448f48' does not provide an export named 'default' this is the demo code: import React from 'react'; import bootstrap…
For example, if I have the main component and it uses a useEffect() to fetch data from the server, and then uses a GalleyViewer to display the images in a 3 x 3 grid and it can allow the user…
I am trying to fetch search results by using youtube autocomplete API but I am getting an error: const YOUTUBE_SEARCH_API = http://suggestqueries.google.com/complete/search?client=firefox&ds=yt&q= const getSearchSuggetsions = async (text) => { const data = await fetch(YOUTUBE_SEARCH_API + text); const json = await…
I have finished the frontend design.. Now integrating the backend, I came across this issue Here is the demo website I hard coded the components. Now I want to map through. And am confused... Please any help is appreciated, even…
First time using NextJS, why is this not working. When clicking the button there is no log message in the browser. I have also tried adding onChange to an <input /> however again, doesn't fire. I have removed all styling…
Below is the CreateCoursePage component where I use react-redux to manage the state after some database operations. However dispatch(CreateCourse(course) statement inside mapDispatchToProps throws this exception: TS2345 (TS) Argument of type '(dispatch: Dispatch) => void' is not assignable to parameter of…
I have the following react rendering <p>Send Counter: {counterHook}</p> <button onClick={() => startRecording()}>Start</button> once startRecording gets called, the callback function onTranscribe is called: const [counterHook, updateCounter] = useState(0) const onTranscribe = async (blob: Blob) => { console.log("onTranscribe") updateCounter(counterHook => counterHook…