Posted By: Anonymous I am making a simple semi circle using react and css. Working Example: _x000D_ _x000D_ const data = { “initial”: { “unit”: “GB”, “value”: 2 }, “remaining”: { “unit”: “GB”, “value”: 0.9 }, “type”: “Internet”, }; function SemiCircleChart({min, max, value}){ const angle = (value / max) * 180; const style = {‘–angle’: …
Posted By: Anonymous I have the array array = [ { period: 1, currency: 1, cost: 100, count: 10 }, { period: 1, currency: 2, cost: 200, count: 10 }, { period: 2, currency: 1, cost: 300, count: 20 }, { period: 3, currency: 3, cost: 400, count: 30 } ] and I need you …
Posted By: Anonymous Here is my component code (it is called on a page with <DetectPitch />); import { useEffect, useState } from ‘react’; export default function DetectPitch() { const [detect, setDetect] = useState(false); useEffect(() => { document.getElementById("mute-button").addEventListener("click", () => setDetect(detect => !detect)) }, []); useEffect(() => { function update(random) { if (detect != false) …
Posted By: Anonymous I have a data table where I have "Complete" (data type=>bool)column, "Total" (data type=>string)column and some other data fields. I have made the default value of "Complete" to false. I want to make it to be changed to true when I am updating the value of Total. Whenever the value of total>0, …
Posted By: Anonymous Working Code :https://codesandbox.io/s/broken-https-2i454?file=/src/App.js I’m using Material UI in my reactjs project and I’m trying the update the value entered inside a textfield of a table using onChange function for the textfield, currently the value is present inside an array of array,I want to update the componentQuantity , I’m aware of passing the …
Posted By: Anonymous I have 3 button. I want to add red background when one of them is clicked. By default the first button is active. When I click on the second or the third one first button should lose it’s background styles red to gray. Also I want to add slide in animation. ex, …
Posted By: Anonymous I have a simple date input component, i just stuck when change the value of it. Because it always print value "1970-01-01". Somebody knows how to do it. would appreciate thanks. Here is my codes: import React, { useState } from ‘react’; import moment from ‘moment’; const DateInput = ({ className = …
Posted By: Anonymous I need to access { excerpt, title, author, category, slug, readTime, image } those data from the query, I have tried many time, but I can’t think how to do. my code is: import React from ‘react’ import PropTypes from ‘prop-types’ import { Helmet } from ‘react-helmet’ import { useStaticQuery, graphql } …
Posted By: Anonymous I’d like to get specific an array with onClick but the results always is undefined. if the explanation is unclear, tell me please. i will fix it ! Thanks here is the code _x000D_ _x000D_ const chartType = [“Line”, “Bar”, “Pie”, “Radar”, “Doughnut”, “Bubble”]; const getType = (e) => { if (e.currentTarget …
Posted By: Anonymous In my code: const applicationState: ApplicationState = useSelector(applicationState => applicationState) let siteSet = applicationState.favoriteSiteSet if (!siteSet) { siteSet = new Set<number>() } const [favSite, setFavSite] = useState(siteSet) Here, siteSet has some elements. However, when I use useState hook on siteSet to get favSite, it returns empty set. What is the reason for …
Posted By: Anonymous I am trying to render multiple images, stored on firebase, on a single page. This is the function to get the image url: async getTokenImage(fileName) { const ref = firebase.storage().ref(‘token/’ + fileName); const url = await ref.getDownloadURL(); console.log(‘in here’) return url } This is the function call: <div class="card-img-top" style={{ backgroundColor: ‘#’+token.color, …
Posted By: Anonymous I have following : const arr1 = [{id: 1},{id: 2}] const arr2 = [{id: 1},{id: 4},{id: 3}] I want to check if elements in arr2 exists in arr1 or vice versa. I want to check for each element in array. Desired output : true false false Usually it shouls give error , …
Posted By: Anonymous I have a case in my react app in which I have to check if values of object in array are the same in sequence and their other property increases squentialy by 1, and then if criteria is fulfilled push it to the new array. Number of values in sequence is provided …
Posted By: Anonymous How can I remove the multiple display of nomineename ( which is highlighted) from the below iterating function. Expected output: import React, { useRef, useEffect, useState } from "react"; import Axios from "axios"; import {Link} from "react-router-dom"; const moment = require(‘moment’); const NominationList = () => { const [nominationGroup, setNominationGroup] = useState({}); …
Posted By: Anonymous I am getting this warning. Warning: A component is changing a controlled input to be uncontrolled. This is likely caused by the value changing from a defined to undefined, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component. I am using a …
Posted By: Anonymous This is my array var tags = ["Shisha rauchen", "Indischecurryfürze"] What I’m trying import React from ‘react’ function Interests(tags) { console.log(tags) var myJson = JSON.parse(tags); console.log(myJsonString) return ( <div> hi {myJson.map((tag, index) => { return ( {tag} ); })} </div> ) } export default Interests But I’m getting the following error TypeError: …
Posted By: Anonymous I have an automation function which is kind of like pagination which keeps pushing data into a DB when it’s pressed and it works how I want it, the only problem I have, its that it just can’t be stopped, I tried putting if statements wherever it seemed logical but I can’t …
Posted By: Anonymous Im making a custom MS Teams app and in the app im trying to fetch a json from a url to then display the contents later. However, the fetch is failing. My goal is to fetch a list of data from a supplied url and then displaying it in the Tab within …
Posted By: Anonymous const questionsData = [ { key: ’16’, qn_total_mark: ‘5’, part_desc: ‘cheese’, }, { key: ’16’, qn_total_mark: ‘5’, part_desc: ‘Potato’, }, { key: ’17’, qn_total_mark: ‘5’, part_desc: ‘Now’, } { key: ’17’, qn_total_mark: ‘5’, part_desc: ‘Now’, } ] const columns = [ { title: ‘Question No’, dataIndex: ‘key’, key: ‘question_no’, }, { title: …
Posted By: Anonymous I am trying to use Archilogic embed module to show 3d floorplan in my next.js project. I am trying below code and it says : TypeError: ArchilogicEmbed is not a constructor import React, { useEffect } from "react"; import dynamic from "next/dynamic"; //import ArchilogicEmbed from "@archilogic/embed-api"; const Archilogic = () => import("@archilogic/embed-api"); …
Posted By: Anonymous When the two buttons are false, they return the same image, but they are next to each other, how can I make the test3 image equal for both states without having to insert another image? const [b1State, setB1State] = useState(false); const [b2State, setB2State] = useState(false); <button onClick={() => {setB1State(!b1State)}}>Test1</button> <button onClick={() => …
Posted By: Anonymous I wanted to hide menus conditionally based on userAccess. My problem is if has many roles. How will I be able to do it? Pls check my code below MENU export default [ { id: 1, text: ‘Leaders’, url: `/leaders`, userAccess: true, }, { id: 2, text: ‘Things’, url: `/things`, userAccess: ‘Super …
Posted By: Anonymous I’m using Application Insights JS SDK React Plugin to log application insights data to Azure. This data publishing could get blocked by some browser extensions such as Ad Blocker, Privacy Badger, etc. In my case analytics got blocked by Privacy Badger while experimenting. I know it can be prevented by disabling relevant …
Posted By: Anonymous I am new to Reactjs I am trying to build an address form with 3 Select ( country, State, City ) I used React hock so when the page first load it will fetch countries list to country select after that when user select country it will fetch states list to state …
Posted By: Anonymous I created a sandbox to outline the main points of interest: https://codesandbox.io/s/restless-dawn-nwy0l Please ignore the formatting as this is just a MWE I put together. When I run the following test in the sandbox above _x000D_ _x000D_ import React from “react”; import { fireEvent, render, screen, waitFor } from “@testing-library/react”; import “@testing-library/jest-dom”; …
Posted By: Anonymous I am working on a modal in which I have to access the id property of an HTML element to change its display property. I have used the useRef Hook to attain it but got the following errors. TypeError: Cannot read property ‘style’ of null Modal.js:- The code is of 1000 Lines …
Posted By: Anonymous I have the following code in my React: { comments.map((comment, index) => console.log({index}), <Textfield key = {index} placeholder = "Add Comment" Id = "addComment" / > ) } However, this returns me error that ‘index’ is not defined no-undef on the console.log line. This is the state: const [comments,setComments] = useState([[]]) Why …
Posted By: Anonymous I’m trying to map an array but I think it filled wrong because it gives undefined for the things I added a few things but they come up as undefined for some reasons if you look at the top its sort of an separate array in the top and the rest will …
Posted By: Anonymous I am trying to fill an array with an array of objects that was returned from a axios request. However, the array is returned empty. export default class Todo extends Component { constructor(props){ super(props) this.state = { description: ”, list: [] } this.handleChange = this.handleChange.bind(this) this.handleAdd = this.handleAdd.bind(this) this.refresh(); } refresh() { …
Posted By: Anonymous I am a beginner for the react js. In my case I have a button if I press the button then popup window will show. After that I want to blur my background. How can do that part. This my developing code. In here my popup window is working fine. But I …
