I have a provider that stores and adds ‘People’ to a state. This state is then exposed to the rest of the application. Everything works as expected, however when I get the instances of the classes I am unable to call their function. It returns undefined whenever I try to call it. The code itself… Read More React – Calling a function of all class instances in an array state stored in a ContextProvider

I have two arrays and I want to store them in one array and create them as an object. const name = ["Amy", "Robert", "Sofie"]; const age = ["21", "28", "25"]; The output I want is: const person =[{name: ‘Amy’, age: ’21’}, {name: ‘Robert’, age: ’28’}, {name: ‘Sofie’, age: ’25’}]; Is there a way that… Read More How to store an object inside an array?

I have some data which looks like this – { System: ‘VIT0056’, Value: { Start: 3.3, End: 3.9 }, ‘Initial Range’ : { ‘Start’: ‘1/12/2022’, ‘End’: ’31/12/2022′, }, Manager: ‘Karl Woods’, Location: ‘Tokyo’, Price: ‘$1.50’, }, I am currently mapping over this object like so – {Object.entries(data).map(([key, val]) => { if (key === ‘Value’) {… Read More Accessing values with different types in object map

I want to change the color of the ‘left–innerTopBox’ whenever the changes. I believe im missing a handleChange function and an onChange. THANKS for you help. import "./App.css"; import { useState } from "react"; function App() { const [color, setColor] = useState({ color1: "#fff", }); return ( <> <div className="box–control"> <div className="big–leftBox"> left box <div… Read More Im new to coding and React. Please bare with me

I have a function, let’s call it GetData(). I am pulling in data from a query in another function and running an ajax call to populate the data. Once that happens I then send to another function, let’s call that PlaceData(). The data is placed together in an object each time it runs through the… Read More How do I collect objects being sent in from another function in Javascript?

I have an javascript array of objects named as obj and another object as finalObj const obj = [{ ‘name’: ‘skip’, low: 20, high: 10 }, { ‘name’: ‘jump’, low: 5, high: 20}, { ‘name’: ‘tall’, low: 3, high: 2}, { ‘name’: ‘wind’, low: 5, high: 10}, { ‘name’: ‘hire’, low: 7, high: 6 }]… Read More read javascript object to match if an item exists from an array of objects

I have a dynamic object something like this var object = [ "70669", "70669|9436", "70669|8353", "70669|8914", "70669|9522", "70669|8422", "70669|9639" ] My expected output is something like this [{ stdSizeCode: [9436, 8353, 8914, 9522, 8422, 9639] productHierSk: 70669 }] I have tried to looking into this link and did not work the way that is expected.… Read More Grouping a dynamic array object and forming a object required

I am trying to get all object to append in a div but my updated values are not coming. If I assign a value while assigning my object, Object.entries can get all values. My objects: var allObjects = { ivSetObject : { id: "ivSet", url: "../assets/img/ivSet.png" }, gloveObject : { id: "glove", url: "../assets/img/glove.png" },… Read More Javascript Object.entries not work properly after updating an object

There is an array of objects having property name , resigned , certificate_number and venue and want to convert this array of objects into new array having name and resigned value to be unique and rest data are in foem of array of objec kind of nested array of objects. **Given Array ** let arr… Read More How to return an array of unique objects based on the key of the objects in es6?

I have an array with many objects in it, all of them has the same keys and I want to merge them based on chapter name while not losing any of the other values I tried different methods, which are lengthy and has not achieved the solution yet, hoping for a solution, which is optimized… Read More How to add array of objects with same keys and multiple values in react.js?