Tag: javascript

58 votes
30 answers
702 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
597 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
62 votes
13 answers
3K views
How to get first N number of elements from an array

I am working with Javascript(ES6) /FaceBook react and trying to get the first 3 elements of an array that vari

avatar
Trudy
0 1 0 9
asked 07 September, 2021
56 votes
10 answers
2.8K views
Difference between npx and npm?

I have just started learning React, and Facebook helps in simplifying the initial setup by providing the follo

avatar
Freida
0 1 0 9
asked 07 September, 2021
59 votes
28 answers
2.9K views
How to set focus on an input field after rendering?

What's the react way of setting focus on a particular text field after the component is rendered? Docume

avatar
Chaya
0 1 0 9
asked 07 September, 2021
59 votes
17 answers
2.2K views
How do I conditionally add attributes to React components?

Is there a way to only add attributes to a React component if a certain condition is met? I'm supposed to

avatar
Dario
0 1 0 9
asked 07 September, 2021
60 votes
30 answers
2.6K views
React js onClick can't pass value to method

I want to read the onClick event value properties. But when I click on it, I see something like this on the co

avatar
Daniel
0 1 0 9
asked 07 September, 2021
68 votes
11 answers
818 views
Why do we need middleware for async flow in Redux?

According to the docs, "Without middleware, Redux store only supports synchronous data flow". I don't und

avatar
Mikki
0 1 0 9
asked 07 September, 2021
51 votes
19 answers
686 views
Understanding unique keys for array children in React.js

I'm building a React component that accepts a JSON data source and creates a sortable table. Each of the

avatar
Wei
0 1 0 9
asked 07 September, 2021
61 votes
30 answers
2.1K views
React-router urls don't work when refreshing or writing manually

I'm using React-router and it works fine while I'm clicking on link buttons, but when I refresh my w

avatar
Robyn
0 1 0 9
asked 07 September, 2021
62 votes
28 answers
2.7K views
How to pass props to {this.props.children}

I'm trying to find the proper way to define some components which could be used in a generic way: <Pa

avatar
Robyn
0 1 0 9
asked 07 September, 2021
59 votes
17 answers
904 views
What does the three dots notation do in Javascript?

What does the ... do in this React (using JSX) code and what is it called? <Modal {...this.props} title=&a

avatar
Carmelina
0 1 0 9
asked 07 September, 2021
55 votes
30 answers
1K views
Loop inside React JSX

I'm trying to do something like the following in React JSX (where ObjectRow is a separate component): <

avatar
Forrest
0 1 0 9
asked 07 September, 2021
56 votes
28 answers
1.4K views
How can I print a circular structure in a JSON-like format?

I have a big object I want to convert to JSON and send. However it has circular structure. I want to toss what

avatar
Forrest
0 1 0 9
asked 07 September, 2021
61 votes
22 answers
3K views
How do I convert an existing callback API to promises?

I want to work with promises but I have a callback API in a format like: 1. DOM load or other one time event:

avatar
Nereida
0 1 0 9
asked 07 September, 2021
55 votes
24 answers
1.7K views
module.exports vs exports in Node.js

I've found the following contract in a Node.js module: module.exports = exports = nano = function databas

avatar
Scot
0 1 0 9
asked 07 September, 2021