I have this wrapper component for the mui Tooltip component with the added functionality that it automatically closes the tooltip when the table around it is being scrolled. The code works well but I want to improve the code quality…
I am trying to create a condition statement for the url that the user would click, what i want to do is this, check if the message.sender.id === user_id, then i want to change the url to ${/inbox/}${message.reciever.id}${"/"} and if…
I have a checkbox in my Next.js project and after adding some Tailwind utility classes nothing takes effect except changes to width, height and cursor. Color, bg, border, etc. don't work. <div className="flex py-4 m-auto w-2/3 justify-between items-start"> <div className="w-1/7">…
i'm learning Javascript and React and i got a problem. i want to play a javascript function on a jsx files but i don't know where to put it. i explain: I want to make a mouseover effect, when "tech-title"…
I am learning react and trying to use useEffect. But I am getting this error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:…
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]…
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 have to get some data from a complex objects json (in my case is: valor_custo_fornecedor from the detalhe object, how can i do this ? i already tried with axios like this: const [valorCusto, setValorCusto] = useState([]); useEffect(() =>…
import React from 'react' import { Link, graphql } from 'gatsby' import { Wrapper, SectionTitle, Header, SectionSubTitle, SEO } from 'components' import { Layout } from 'layouts' import { Content } from 'layouts/components' import Helmet from 'react-helmet' import config from…
I'm trying to create an Andy Warhol style image for an assignment. The row container isn't rendering the images in a row, the goal being to stack the 2 row containers in to a square formation. Here's my code so…