I want to style each div within my element using ‘& > div’ but it is not working. Can someone please explain? This is my styles object within my class const styles = { container: { display: ‘flex’, flexFlow: ‘column’, }, informationPage: { marginTop: ’70px’, }, grid: { ‘& > div’: { backgroundColor: ‘blue’ },… Read More I want to style each div within an element
I am running into an error: I have a NotesContext that stores all the notes that the user created that are being fetched from Supabase. When I am accessing a note the page loads fine and has to issues retrieving the Note. However, when reloading I get an error that the variable cannot be undefined… Read More React accessing variable that's not loaded when reloading
I’m trying to create a news website with ReactJS and I’m getting three various warnings/errors when I try to run the page. I can get it to display the article link properly when I don’t include the title. I still get the two first warnings in this case, but when I try to access the… Read More ReactJS – Trying to access the title of an object I'm pulling from a webpage online, but getting these errors
The code runs without errors on the console.Even after i write the if block no error is in the console,but the react app wont display any JSX ,just blank page my code works when you remove the if(} block import { useState } from "react"; const Zoom = () => { const [btnable, setbtnable] =… Read More why function in react app will not render
I have a function that’s returning JSX, a set of Radio inputs which are using another function to change the state. I’m dynamically returning this function with a switch statement in another function, that then it is being rendered. The function being used in the onChange in the getCarSizeQ() undefined. handleRadioButton = (value) => {… Read More Function in react component is "undefined" in JSX though "this" is bound
const data = ["1","2","3","4","5","6"] // example data const unicode = • // This is the unicode that I want to put in the jsx <div> { data.map((item)=>( item + <span>unicode</span> )) } </div> But doesn’t work it displays [object Object] I Tried (•) , {"•"}, <span>•</span>, <span>{"•"}</span> but none of them worked. Any idea how… Read More How to Use Unicode While Array Map in JSX REACT?
im trying to get the number of each object in a array, then im trying to add it to my jsx code to display what one it is I’m pulling the data from this file tableData.js export const data = [ {price: 1500, isSold: false} {price: 1800, isSold: false} {price: 1650, isSold: true} ] Table.js… Read More How do I get the number of each object in a array using .map | React
const [inputText, setInputText] = useState(”); const [searchTerm, setSearchTerm] = useState(”); const [data, setData] = useState(null); const handleChange = (event) => { setInputText(event.target.value); }; const handleSubmit = (event) => { event.preventDefault(); setSearchTerm(inputText) console.log(inputText) setInputText(”) }; useEffect(() => { if (searchTerm) { console.log(‘starting fetch with -> ‘, `https://imdb-api.com/en/API/SearchTitle/k_ix11kdvq/${searchTerm}`) fetch(`https://imdb-api.com/en/API/SearchTitle/k_ix11kdvq/${searchTerm}`) .then(res => { res.json() console.log(‘json data’) }) .then(json… Read More useState and useEffect not playing nice with an API call
I have an application where the user will select a seat and then will click reserve and the seats will be greyed out. For some reason my object array of seats are not updating in the array and the seats are not greying out. when I log the seating sometimes, the isReserved is true, and… Read More Array object not updating in react?
Was trying out nested ternary render, but the syntax doesn’t seem to be valid? export default function App() { const toggle = true; const toggle2 = true; return ( <div className="App"> {toggle ? ( <div>true</div> ) : ( {toggle2 ? ( <div>false, true</div> ): ( <div>false, false</div> )} )} </div> ); } Single level works… Read More React nested ternary in render for JSX?