Java Script

JavaScript (not to be confused with Java) is a high-level, dynamic, multi-paradigm, weakly-typed language used for both client-side and server-side scripting. Its primary use is in rendering and allowing manipulation of web pages. Use this tag for questions regarding ECMAScript and its various dialects/implementations (excluding ActionScript and Google-Apps-Script).

52 votes
21 answers
3.1K views
Rerender view on browser resize with React

How can I get React to re-render the view when the browser window is resized? Background I have some blocks

avatar
Dusty
0 1 0 9
asked 07 September, 2021
58 votes
20 answers
858 views
React "after render" code?

I have an app where I need to set the height of an element (lets say "app-content") dynamically. It takes the

avatar
Jefferey
0 1 0 9
asked 07 September, 2021
56 votes
15 answers
1.7K views
useState set method not reflecting change immediately

I am trying to learn hooks and the useState method has made me confused. I am assigning an initial value to a

avatar
Deedee
0 1 0 9
asked 07 September, 2021
66 votes
13 answers
2.4K views
Error Running React Native App From Terminal (iOS)

I am following the tutorial on the official React Native website. Using the following to build my project: r

avatar
Corey
0 1 0 9
asked 07 September, 2021
47 votes
30 answers
2.7K views
Invariant Violation: Objects are not valid as a React child

In my component's render function I have: render() { const items = ['EN', 'IT',

avatar
Suzan
0 1 0 9
asked 07 September, 2021
67 votes
16 answers
1.2K views
React - changing an uncontrolled input

I have a simple react component with the form which I believe to have one controlled input: import React from

avatar
Kurtis
0 1 0 9
asked 07 September, 2021
69 votes
18 answers
550 views
How can I update the parent's state in React?

My structure looks as follows: Component 1 - |- Component 2 - - |- Component 4 - - - |- Component 5

avatar
Stacia
0 1 0 9
asked 07 September, 2021
57 votes
30 answers
2.6K views
How to add multiple classes to a ReactJS Component?

I am new to ReactJS and JSX and I am having a little problem with the code below. I am trying to add multipl

avatar
Forrest
0 1 0 9
asked 07 September, 2021
59 votes
14 answers
1.3K views
React JSX: selecting "selected" on selected <select> option

In a React component for a <select> menu, I need to set the selected attribute on the option that reflec

avatar
Gigi
0 1 0 9
asked 07 September, 2021
52 votes
16 answers
610 views
Correct modification of state arrays in React.js

I want to add an element to the end of a state array, is this the correct way to do it? this.state.arrayvar.pu

avatar
Dorian
0 1 0 9
asked 07 September, 2021
63 votes
30 answers
2.3K views
How to update nested state properties in React

I'm trying to organize my state by using nested property like this: this.state = { someProperty: {

avatar
Thurman
0 1 0 9
asked 07 September, 2021
44 votes
16 answers
1.3K views
Parse Error: Adjacent JSX elements must be wrapped in an enclosing tag

I am trying to set up my React.js app so that it only renders if a variable I have set is true. The way my

avatar
Yolando
0 1 0 9
asked 07 September, 2021
54 votes
9 answers
1.1K views
Pros/cons of using redux-saga with ES6 generators vs redux-thunk with ES2017 async/await

There is a lot of talk about the latest kid in redux town right now, redux-saga/redux-saga. It uses generator

avatar
Stacia
0 1 0 9
asked 07 September, 2021
60 votes
7 answers
2K views
ReactJS - Does render get called any time "setState" is called?

Does React re-render all components and sub components every time setState() is called? If so, why? I thought

avatar
Freida
0 1 0 9
asked 07 September, 2021
59 votes
30 answers
674 views
Perform debounce in React.js

How do you perform debounce in React.js? I want to debounce the handleOnChange. I tried with debounce(this.h

avatar
Nereida
0 1 0 9
asked 07 September, 2021
58 votes
30 answers
704 views
Detect click outside React component

I'm looking for a way to detect if a click event happened outside of a component, as described in this ar

avatar
Xavier
0 1 0 9
asked 07 September, 2021
57 votes
18 answers
2.3K views
A component is changing an uncontrolled input of type text to be controlled error in ReactJS

Warning: A component is changing an uncontrolled input of type text to be controlled. Input elements should

avatar
Venice
0 1 0 9
asked 07 September, 2021
58 votes
30 answers
3K views
What is the difference between state and props in React?

I was watching a Pluralsight course on React and the instructor stated that props should not be changed. I&apo

avatar
Fabian
0 1 0 9
asked 07 September, 2021
58 votes
30 answers
599 views
Show or hide element in React

I am messing around with React.js for the first time and cannot find a way to show or hide something on a page

avatar
Forrest
0 1 0 9
asked 07 September, 2021
62 votes
20 answers
2.7K views
Call child method from parent

I have two components: Parent component Child component I was trying to call Child's method from Parent,

avatar
Forrest
0 1 0 9
asked 07 September, 2021