I have quiz app. If user click on answer, I am trying to add green background, if user selected correct answer. Green background is working, but if user selected wrong answer ,I want to add red background , and here is problem , some reason , red background doesn’t work , can you please tell… Read More Quiz, background condition doesnt work, using bootstrap

I’m learning nextjs using book "Building React Apps using server-side rendering" In this I’m building basic react app with index page link to about page. The project package.json – { "name": "my-next-app", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "start": "next", "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license":… Read More Nextjs13 Error: Failed prop type: The prop `href` expects a `string` or `object` in `<Link>`, but got `undefined` instead

I started studying react-query, I can’t figure it out. Please help with an example based on my code There was such an action and a reducer export const addHighlighting = parent_id => dispatch => { dispatch({ type: types.HANDLE_COMMENT_HIGHLIGHTING, payload: { parent_id, is_highlighted: true } }) } case types.HANDLE_COMMENT_HIGHLIGHTING: const parentIndex = state.comments.findIndex( comment => comment.id… Read More How to migrate from redux to react-query?

I have created a pandas dataframe using the following code: ds = {"col1":[1,1,1,1,2,3,4,4,4,4,4,5,4,4,5,6]} df = pd.DataFrame(data=ds) The dataframe looks like this: print(df) col1 0 1 1 1 2 1 3 1 4 2 5 3 6 4 7 4 8 4 9 4 10 4 11 5 12 4 13 4 14 5 15 6… Read More How to identify the next different value in a pandas column

<button type="button" className = {styles.googleButton}> <img className = {styles.image} src = "assets/pictures/google.jpg"></img> <p className = {styles.buttonText}> Go To Google</p> <img src = "assets\icons\external-link.svg"></img> </button> when i click on this button how do i go to google.com on A DIFFERENT TAB? >Solution : Add an ‘a’ tag and set its target value to ‘_blank’. Also add… Read More How do I go to an external link when I click on a button in next js

I know the title is confusing, but basically, I want to generate a page on a certain event is triggered (i.e. a button is clicked). For example, when you make an account on a service like twitter, how exactly does it generate a unique page for your profile (like https://www.twitter.com/exampleuser1234)? This has always confused me… Read More How to generate a new Page on a certain event (next.js)

I’m receiving this error when moving to another page in next js 1 of 3 unhandled errors Unhandled Runtime Error TypeError: Cannot read properties of undefined (reading ‘pagenum’) Source pages\dpt[dptid]\rewayat[rewid][subrewid]\surah[surahid]\p[pid].js (89:36) @ Page 87 | imag = /image/${dptid}/${rewid}/${subrewid}/${surahid}/${pid}.png; 88 | 89 | pagenum = surahs[surah${surahid}].pagenum; | ^ 90 | console.log(pagenum); 91 | page = surahs[surah${surahid}].page;… Read More error when moving to another page next js

im new to react so maybe i missed something. I am trying to create simple form for registration but seems like I cannot change the state. ` import {useState} from ‘react’ export const [inputs, setInputs] = useState({}) export const handleChange = (event: any) => { const name = event.target.name const value = event.target.value setInputs(values =>… Read More React Nextjs is broken cant useState or forms

I’m getting stuck on this TS error created at build time. Does anyone has any suggestions? TypeError: Cannot destructure property ‘site’ of ‘(intermediate value)’ as it is undefined. export default function Project({ data, preview, }: { data: any preview: any }) { const { site, page } = data?.post return ( <Layout site={site} page={page}> //… Read More how to destructure property if possibly undefined?