reactjs – IRZU INSTITUTE

javascript – ReactJS .js extention change as .jsx Error

January 30, 2023admin

i am beginner of react application.i am making the components earlier js extension.some one told that changes as .jsx extension. login.js to login.jsx when i call the routes after change…Read morejavascript – ReactJS .js extention change as .jsx Error

JS, REACT, & NODE RESEARCH

javascript – Cannot retrieve current state inside async function in React.js

January 27, 2023admin

I have created some state at the top level component (App), however it seems that when this state is updated, the updated state is not read by the asynchronous function…Read morejavascript – Cannot retrieve current state inside async function in React.js

JS, REACT, & NODE RESEARCH

javascript – How to do shadow DOM in react js

December 23, 2022admin

I need to implement shadow DOM to particular component. This component has one child component and the child component has several component. I required to add shadowDOM style to these…Read morejavascript – How to do shadow DOM in react js

JS, REACT, & NODE RESEARCH

node.js – Node Js Serving react js frontend In Production No Such File directory

October 17, 2022admin

If you’re getting the error: Error: ENOENT: no such file or directory, stat ‘C:\Users\kullanıcı\Desktop\Node Js\24-Nasa-Project\server\public\index.html’ That means you don’t have a file at the path: C:\Users\kullanıcı\Desktop\Node Js\24-Nasa-Project\server\public\index.html Just looking at…Read morenode.js – Node Js Serving react js frontend In Production No Such File directory

DATA MANAGEMENT JS, REACT, & NODE RESEARCH

reactjs – Set Array Value in setState in react js

August 30, 2022admin

I want to add data in set state (setArraytime) but array data value is not reflecting in setstate. const [vehicle_type, setVehicleType] = useState(“”); const [endTime, setEndtime] = useState(“”); const [startTime,…Read morereactjs – Set Array Value in setState in react js

JS, REACT, & NODE RESEARCH

javascript – I want to build user journy toure in react js application

August 4, 2022admin

You can use react-timeline of material UI. This is a nice library for creating a timeline interface, it provides the following customisation on the interface out-of-the-box Position of the content…Read morejavascript – I want to build user journy toure in react js application

DATA MANAGEMENT JS, REACT, & NODE RESEARCH

reactjs – npm run build fails to compile transpiled App.js file. Suspected ES6 and commonJS mismatch

July 10, 2022admin

While compiling the transpiled ES6 JS files from TS (React), I ran into this error: Cannot get final name for export ‘__esModule’ of ./src/App.js while generating the root export ‘__esModule’…Read morereactjs – npm run build fails to compile transpiled App.js file. Suspected ES6 and commonJS mismatch

RESEARCH

reactjs – Proxy error (React): Econnreset & Econnrefused fix?

June 26, 2022admin

Proxy Errors Im getting an error: Proxy error: Could not proxy request /api/calendar/get-events?start=2022-05-28T23:00:00.000Z&end=2022-07-09T23:00:00.000Z from localhost:3000 to localhost:5000/. See nodejs.org/api/errors.html#errors_common_system_errors for more information (ECONNRESET). Proxy error: Could not proxy request /api/calendar/get-events?start=2022-05-28T23:00:00.000Z&end=2022-07-09T23:00:00.000Z…Read morereactjs – Proxy error (React): Econnreset & Econnrefused fix?

RESEARCH

reactjs – GraphQL and React – Set default enum values in graphQL schema so the enum’s are generated with said values

June 16, 2022admin

I’m using React Typescript front end with a GraphQL backend. Currently I have a .schema.ts file that contains: import gql from ‘graphql-tag’; export default gql` enum MyEnum { First Second…Read morereactjs – GraphQL and React – Set default enum values in graphQL schema so the enum’s are generated with said values

JS, REACT, & NODE RESEARCH

reactjs – Cannot convert lodash library from CommonJS to ES in Vitejs

May 30, 2022admin

I am building a project using Vite + React + Antd. My project has lodash library, when i build with vite build command then get an error like below: Running…Read morereactjs – Cannot convert lodash library from CommonJS to ES in Vitejs

DATA MANAGEMENT JS, REACT, & NODE RESEARCH

javascript – Correctly Map API response in react.js

May 19, 2022admin

You have the right idea of using .map to render a list of items, but you also need to make sure, that when you do this, that each returned item…Read morejavascript – Correctly Map API response in react.js

RESEARCH

reactjs – Can’t find media fields from dyanamic zone in GraphQL in Strapi CMS

April 29, 2022admin

I am using Strapi with Gatsby. I have set up a content type called ‘Page’ and setup a dyanamic zone in ‘Page’ where I have a media field, video to…Read morereactjs – Can’t find media fields from dyanamic zone in GraphQL in Strapi CMS

JS, REACT, & NODE RESEARCH

reactjs – The requested module ‘react’ is expected to be of type CommonJS

April 16, 2022admin

I’m having this kind of error when I added this to my Next.js app import { Fragment } from ‘react’ import { Popover, Transition } from ‘@headlessui/react’ import { MenuIcon,…Read morereactjs – The requested module ‘react’ is expected to be of type CommonJS

DATA MANAGEMENT JS, REACT, & NODE RESEARCH

reactjs – React aws-sdk “ConfigError: Missing region in config” after setting region DynamoDB

March 31, 2022admin

I have set the region in the AWS.config at the start of my code. I confirmed it was set properly before calling the DocClient.scan function. However, on running the code,…Read morereactjs – React aws-sdk “ConfigError: Missing region in config” after setting region DynamoDB

RESEARCH

reactjs – connect amqplib (RabbitMQ) react and typescript

March 30, 2022admin

install packages i.imgur.com/XfPg1p3.png try connect amqp with backend and get an error install “@types/amqplib”: “^0.8.2″,”amqplib”: “^0.8.0”, import amqp from ‘amqplib/callback_api’ const Notifications = ({ isMobile }:any):JSX.Element => { useEffect(() =>…Read morereactjs – connect amqplib (RabbitMQ) react and typescript

DATA MANAGEMENT JS, REACT, & NODE RESEARCH

javascript – Forward servlet response to React js

March 7, 2022admin

I have a complex requirement where I need to implement react js in a servlet jsp application. The entire application developed in servlet jsp. I need to replace a particular…Read morejavascript – Forward servlet response to React js

JS, REACT, & NODE RESEARCH

reactjs – Switch between views in react.js

February 28, 2022admin

I have this toggle button group in my Header.js component: Here is the code: <ToggleButtonGroup size=”large”> <ToggleButton> <TableRowsIcon /> </ToggleButton> <ToggleButton> <GridViewIcon /> </ToggleButton> </ToggleButtonGroup> In the main App.js, I…Read morereactjs – Switch between views in react.js

JS, REACT, & NODE RESEARCH

reactjs – How do I Color by Layer?

January 12, 2022admin

I have a react app that is using the forge viewer. It’s running and showing the drawing (dwg file). My end goal for this task is to get specific layers…Read morereactjs – How do I Color by Layer?

JS, REACT, & NODE

reactjs – I am showing error on react JS so how can do solve problem?

December 23, 2021admin

Unexpected error. Please report it as a bug: Error: spawn UNKNOWN at ChildProcess.spawn (node:internal/child_process:412:11) at Object.spawn (node:child_process:698:9) at spawn (C:UsersTriotreeAppDataRoamingnpmnode_modulescreate-react-appnode_modulescross-spawnindex.js:12:24) at C:UsersTriotreeAppDataRoamingnpmnode_modulescreate-react-appcreateReactApp.js:390:19 at new Promise (<anonymous>) at install (C:UsersTriotreeAppDataRoamingnpmnode_modulescreate-react-appcreateReactApp.js:341:10) at…Read morereactjs – I am showing error on react JS so how can do solve problem?

DATA MANAGEMENT JS, REACT, & NODE REST/HTTP & GRAPHQL

reactjs – Gatsby graphql query for GatsbyImage to use a local image from project

December 23, 2021admin

If you want to use GatsbyImage you need to provide extra GraphQL node data that Gatsby infers using its transformers and sharps. To do so, you need to tell Gatsby…Read morereactjs – Gatsby graphql query for GatsbyImage to use a local image from project

DATA MANAGEMENT JS, REACT, & NODE

reactjs – React.js vs Javascript variable declaration

December 21, 2021admin

I have here a code using React.js, this code returns undefined in the console.. getTicket = async() =>{ var ticketData; this.state.client.get(‘ticket’).then( await function(data){ ticketData = data[‘ticket’].toString(); console.log(data[‘ticket’]) } ) await…Read morereactjs – React.js vs Javascript variable declaration

JS, REACT, & NODE

What is importing and exporting in React JS?

December 16, 2021admin

Introduction Importing and exporting in React JS will help us write modular code, i.e., splitting code into multiple files. Importing allows using contents from another file, whereas exporting makes the…Read moreWhat is importing and exporting in React JS?

DATA MANAGEMENT JS, REACT, & NODE

reactjs – How to test React.js page that uses Context and useEffect?

December 1, 2021admin

I’m having trouble testing a page that has Context and useEffect using Jest and Testing-library, can you help me? REPO: github.com/jefferson1104/padawan My Context: src/context/personContext.tsx import { createContext, ReactNode, useState }…Read morereactjs – How to test React.js page that uses Context and useEffect?

DATA MANAGEMENT JS, REACT, & NODE REST/HTTP & GRAPHQL

reactjs – Make conditional GraphQL request based on node type value in React component with Apollo Client

November 28, 2021admin

I am using React and Apollo Client. Based on a node type value (nodes.type) from a GraphQL response, I want to conditionally make a GraphQL request to either below query…Read morereactjs – Make conditional GraphQL request based on node type value in React component with Apollo Client

JS, REACT, & NODE

reactjs – Loading .ply file with three.js in react

November 27, 2021admin

I’m pretty new to React and am currently trying to visualize a point cloud (.ply file) with the help of three.js and react. When trying to load the file though,…Read morereactjs – Loading .ply file with three.js in react

JS, REACT, & NODE

reactjs – React Native List Component that looks like iOS native lists

November 27, 2021admin

It shouldn’t be super hard to implement this from scratch If you want the exactly same design there are probably three or so components that you need to write Heres…Read morereactjs – React Native List Component that looks like iOS native lists

DATA MANAGEMENT JS, REACT, & NODE

reactjs – React js How to get Value within a useEffect and display on defualtValue textfield

November 27, 2021admin

I’m trying to get the value of userData which is from a promise in firebase and set that value on my TextField defaulValue when the page loads. But the page…Read morereactjs – React js How to get Value within a useEffect and display on defualtValue textfield

DATA MANAGEMENT JS, REACT, & NODE

reactjs – React.js – How to Render a Component Based on its Object Value?

November 21, 2021admin

I have multiple lists that I want to render by the same rules, except for the property ‘component’, where I need to render the component that is listed on each…Read morereactjs – React.js – How to Render a Component Based on its Object Value?

JS, REACT, & NODE

Auth0 React.js logout on refresh

November 15, 2021admin

I have a react.js SPA and I’m trying to add google auth to the application. It went well using the reactjs auth0 quickstart but I have noticed that after google…Read moreAuth0 React.js logout on refresh

DATA MANAGEMENT JS, REACT, & NODE

javascript – React js application is not starting to port 3000

November 8, 2021admin

I am trying to start the react application and by default it opens localhost:3000/portfolio and web page shows blank. and when I change the url to localhost:3000 from browser then…Read morejavascript – React js application is not starting to port 3000

DATA MANAGEMENT ELASTIC & LUCENE JS, REACT, & NODE REST/HTTP & GRAPHQL

javascript – Need some help regarding the Elasticsearch engine and react js

November 5, 2021admin

I hope you are doing well, I need some help regarding the Elasticsearch engine. what I am doing is I am trying to create a search engine I have successfully…Read morejavascript – Need some help regarding the Elasticsearch engine and react js

DATA MANAGEMENT JS, REACT, & NODE

javascript – How to map nested array containing objects in react js?

November 3, 2021admin

Im not really sure if the question is right but here is the problem: const course = [ { name: ‘Half Stack application development’, id: 1, parts: [ { name:…Read morejavascript – How to map nested array containing objects in react js?

DATA MANAGEMENT JS, REACT, & NODE

reactjs – How to set mailto into a property of child react.js component

October 31, 2021admin

I am returning data from API in React.js, one property is ’email’ of object ‘user’. I would like to be able to click on the email address so a new…Read morereactjs – How to set mailto into a property of child react.js component

ACOUSTICS & DSP DATA MANAGEMENT JS, REACT, & NODE REST/HTTP & GRAPHQL

javascript – How to reference graphQL outside of return statement in React.Js? Syntax?

October 29, 2021admin

So I’m trying to use contentful as a back end for my website and want to define all my media files. Normally when I plug in contentful I make the…Read morejavascript – How to reference graphQL outside of return statement in React.Js? Syntax?

DATA MANAGEMENT JS, REACT, & NODE

reactjs – How can I create buttons like select option in react.js?

October 27, 2021admin

I use this API: mui.com/components/menus/#customization I want to create something like the select option with the button, and if a value is selected, the same value will be set as…Read morereactjs – How can I create buttons like select option in react.js?

DATA MANAGEMENT JS, REACT, & NODE REST/HTTP & GRAPHQL

reactjs – filter an array with hooks react js

October 18, 2021admin

I am designing a booking page with react js and firebase; each document of the “reservation” collection corresponds to a reservation (each document contains the date of the reservation, time,…Read morereactjs – filter an array with hooks react js

JS, REACT, & NODE

reactjs – React does not recognize the computedMatch prop on a DOM element

October 18, 2021admin

I want to use global header but I have a problem. I want to use it like this: const Main = () => ( <> <Switch> <Route exact path=”/login” component={FrontLogin}…Read morereactjs – React does not recognize the computedMatch prop on a DOM element

DATA MANAGEMENT JS, REACT, & NODE REST/HTTP & GRAPHQL

reactjs – Gatsby – How to query for all YAML in a subfolder of src/data/ using GraphQL

October 5, 2021admin

According to the plugin’s documentation, given: module.exports = { plugins: [ `gatsby-transformer-yaml`, { resolve: `gatsby-source-filesystem`, options: { path: `${__dirname}/src/data/`, }, }, ], } Where the source folder ${__dirname}/src/data/ contains the…Read morereactjs – Gatsby – How to query for all YAML in a subfolder of src/data/ using GraphQL

JS, REACT, & NODE

javascript – react js Array.prototype.filter() expects a value to be returned at the end of arrow function

October 1, 2021admin

Array.prototype.filter expects a value to be returned from within the callback function implying whether to keep or reject the current item value However in your callback function you have if-else-if…Read morejavascript – react js Array.prototype.filter() expects a value to be returned at the end of arrow function

DATA MANAGEMENT JS, REACT, & NODE

reactjs – Reload the page in react js

September 30, 2021admin

It’s a bit hackish, but you could send a generated GUID in route state to the home path, and check for this to have changed in response to allowing navigation…Read morereactjs – Reload the page in react js

JS, REACT, & NODE

javascript – How to show Component in option of select in react js?

September 28, 2021admin

I want to create drop down contain div background color of my choice <FormGroup> <Label for=”secureType”> <IntlMessages id=”email-setting.secureType” /> </Label> <Input name=”categoryColorId” type=”select” // value={values.select} onChange={handleChange} onBlur={handleBlur} > <option value=””…Read morejavascript – How to show Component in option of select in react js?

DATA MANAGEMENT JS, REACT, & NODE

javascript – why we use –save in react js command

September 27, 2021admin

-–save: When this command is used with npm install this will save all your installed core packages into the dependency section in the package.json file. Core dependencies are those packages…Read morejavascript – why we use –save in react js command

JS, REACT, & NODE REST/HTTP & GRAPHQL

reactjs – Node.js mock context.req.headers.referer

September 26, 2021admin

I implemented a redirect back to the previously visited page in a project and now have to adjust some tests which are failing because: Cannot read property ‘headers’ of undefined…Read morereactjs – Node.js mock context.req.headers.referer

JS, REACT, & NODE

javascript – React JS How to add individual functions to the numeric input arrows?

September 21, 2021admin

as we know input of type number have 2 arrows integrated (ss attached) I will like to know if you can add different functions, one to each of the arrow.…Read morejavascript – React JS How to add individual functions to the numeric input arrows?

DATA MANAGEMENT JS, REACT, & NODE

reactjs – I need to resize the images in my project react + gatsby

September 20, 2021admin

It would depend on where are you using react-image-file-resizer package. For what is worth, I would say that is not worth it at all. Gatsby handles the image treatment/resizing/transforming process…Read morereactjs – I need to resize the images in my project react + gatsby

JS, REACT, & NODE

React JS , and server error

September 19, 2021September 19, 2021admin

console.warn(‘crbug/1173575, non-JS module files deprecated.’); what has to be done ?const express=require(‘express’); const socketio =require(‘socket.io’); const http= require(‘http’); const cors = require(‘cors’); const PORT= process.env.PORT || 5000 ; const router…Read moreReact JS , and server error

3D PRINTING JS, REACT, & NODE

Arrow syntax functions in React – React.js

September 17, 2021September 17, 2021admin

This question is dealing with a step for the Animal Fun Facts project. (www.codecademy.com/courses/react-101/projects/js-react-animal-fun-facts) Specifically, for step 9, we must create a event handler function – {displayFact(e)} I originally defined…Read moreArrow syntax functions in React – React.js