Category "reactjs"

Add image to react d3 tree renderCustomNodeElement attribute

I wish to add some images to my JSON data from it the tree data is taking all the data.. I just couldnt do it Do someone has had any experience in that area..?

Unable to run serve -s build inside docker image for my react application

I'm trying to run my react application using the build folder via docker file. Everything seems to run properly when tried without docker, but when i run using

React Table is slow when applying column filter with large number of rows

React Table Columns definition with Filters. The Filters are having text input in some columns and combo/select in some columns. useEffect(() => {

React js - data.map is not a function

export default function Case() { const classes = useStyles(); const[data,setData]=useState([]) const getcovid=async()=>{ const api=await fetch('htt

How can I keep an absolute div from disappearing when the parent collapse is collapsed? (Material-UI)

I have a Collapse element with a button that is absolutely positioned outside of the collapse. Basically, the collapse sits off to the right of the screen, with

Component memoized with React.memo() keeps re-rendering

I have a ParentComponent looking like this: const ParentComponent = () => { [product, setProduct] = useState({ name: "Test", description: "Informat

material-ui fab href does not add baseurl

In a React 16 application that uses material-ui. I have this FAB <Fab color = "primary" aria-label = "Add" className = {classes.fab} size = "small" href

How integrate Smartsupp chat to a React Site (Gatsby)

I want to integrate the smartsupp chat in my Gatsby site (React), but the site only give you the following code... For a better performance would add some 5sec

Error: Typing on the input field of pick for each row just duplicates whatever value was entered in the qty field

So I have this field where you can enter the quantity for each row. It was working, however, when I added another input field for the pick, it will just duplica

jest issue with typescript react components

I'm currently having an issue with Jest and Typescript inside a Lerna mono repo. Inside the test file, I've imported the component import { Doctor } from '../sr

Material-UI DataGrid, display sum of column and sum updates according to filter as well

I have this Material-UI DataGrid, how can I sum all of the values for the column Total Amount in which this will also be updated once filter is triggerd as well

Fetch data from multiple pages of an API in react native

I'm trying to get information from a video game API and put it in my list. However, the API is divided in multiple pages (which I don't know how many there are)

How to use google chart in React-Native?

I am trying to use google charts in my react native app. Below is my code: import React, {useState, useEffect} from 'react'; import {StyleSheet, View} from 'rea

React + NextJS - Protected routes

Objective : I want to redirect a logged in user to the home page if he/she tries to manually go to the /auth/signin. Signin page/component : const Signin = ({

How to change port using fetch and request react js?

This is the code I took from my professor's tutorial. LoginComp is just {username: '', password: ''} const request = new Request("/users/login", { method: "

How do I maintain formatted data coming from ckeditor django in react based frontend?

I have installed ckeditor in django for the purpose of maintaining formatting. The interface looks like this after adding this: But when I'm loading on the reac

What is the difference between storing videos for mobile app on streaming services like Youtube/Vimeo vs storing on cloud storage like Firebase/AWS?

I am making a React app that will display some Images/Videos to the users. To store videos, I chose Vimeo and use ReactPlayer to display the video - I simply pa

How do I correctly call an HTTP API GET request to weatherstack?

I'm trying to do a GET request to api.weatherstack.com (see documentation). Here's my react effect hook: useEffect(() => { if (country === undefined) r

How to hide data rows with certain value with a button?

I use react-bootstrap-table-next. And want to use a toggle button which hide or show rows with a certain value. But the problem is that the table content doesn'

MaterialUI 5 : TypeError: Cannot read properties of undefined (reading 'create')

After I created ThemeSetting.tsx context I cannot use <Button><Button> and all things that use theme of materialUI ReactJS , Typescript error TypeEr