The images I'm working with are 350 x 525 px, but the top and bottom 90ish pixels of the image are transparent, which makes the actual content roughly 350 x 350 px in the center of the png. I want…
Switch in react router dom is not working! problem seems to arrive when rendering the AddTodo and Todos element! Tried replacing the switch with route but it still does not reem to render anything return ( <> <Router> <Header title="Task"…
overflow: hidden prevents users from scrolling with input devices, but it's still possible to scroll the element with focus(), scrollIntoView(), etc. I have some content that should be hidden with overflow: hidden, but calling focus() on a hidden input sometimes…
import React from "react"; function Api(){ return( fetch('http://universities.hipolabs.com/search?country=Pakistan') .then((api_data) => { return api_data.json(); }) .then((json_data) => { for(let i=0; i<json_data.length; i++){ <div style={{borderWidth:2}}> Serial No: {i} <br /> Name of University: {json_data[i].name} <br /> Province Code: {json_data[i].stateProvince} <br /> Country:…
I am Passing a function from Parent component to child component and then calling that function in child component to update the state of parent component. In Parent component: const [todos, setTodos] = useState([]); const updateTodoInUiAfterEdit = (updatedTodo, todoIdOfEdited)=>{ var…
I'm trying to get pinned article const getCurrentlyPinned = async() =>{ setLoader(true) await firestore() .collection('admin_control') .doc('currently_Pinned') .get() .then(snapshot =>{ const data = snapshot.data(); setpinnedNewsID(data.pinnedNewsId) }) } useEffect(() => { getCurrentlyPinned().then(()=>{ console.log(pinnedNewsID) }) }, []) therefore calling it from useEffect and…
i am building an e-commerce website that displays products in a grid format. Each product has a title, image, description, and price. The website is fetching data from an API that returns an array of 10,000 products. The products are…
When i try passing the params to my review screen it comes up undefined. I'm using "@react-navigation/native": "^6.1.3" and "@react-navigation/stack": "^6.3.12" App.js import 'react-native-gesture-handler'; import { StyleSheet, Text, View, Button, TouchableOpacity, FlatList } from 'react-native'; import {NavigationContainer} from '@react-navigation/native'; import…
I have a test API under: pagesapiaccountslogin.js. And I am learning the new app folder, which is still an experimental feature in Next.js (as of today). Is it possible to move my login script into the app folder? I tried…
just have a question about how to push onto an array to ultimately store in the localstorage. I have the below code: const handleSelectLayouts = (layout) => { const layoutsArray = []; layoutsArray.includes(layout) ? layoutsArray.filter((str) => str !== layout) :…