What I'm doing wrong with nested cycles in React? I have searched information in Google and I didn't find anything suitable. Can you help me find, what I understand wrong?  As can be seen from the figure, I have data in a variable. And it w...

I'm really new to React, and I'm pulling my hair out trying to solve what seems to me to be a simple problem. Here's a picture of the component I've built.  Color Picking Component  What I'm trying to accomplish seems trivial, but...

I'm unable to get any of the React SyntheticKeyboardEvent handlers to register anything except null for the event properties.  I've isolated the component in a fiddle and am getting the same result as in my application. Can anyone see what I&...

class App extends Component {        constructor(props) {        super(props);        this.state = { Card: Card }       }       HandleEvent = (props) => {         this.SetState({Card: Card.Active}          }       render() {        return (...

So I have a React.js component, and I want to loop through an object I import to add HTML options to it.  Here is what I tried, which is both ugly and does not work:  import React from 'react'; import AccountTypes from '../data/AccountTyp...

very simple question, when I loop through array when rendering react compnent with .map function, say:  render() {         let board = this.props.board;          return (             <div>                  {                    board.map((piece,...

I am trying to access all ref values in my component and do something with them (for example, create payload to send to a server)  I was trying to do a simple for..in loop and than use getDOMNode().value on every ref but it doesn`t work.  var Hello =...

This seems to be a common question, I'm finding a lot of people asking it and the responses are all very different and seem to be a bit hit and miss. I've watched various video tutorials, read plenty of tutorials, and the documentation. But a...

I am using <Table/> from http://www.material-ui.com/#/components/table . When I render the <TableRowColumn/> multiple times depending on how many objects are in the array, the checkboxes do not appear. For example, if there are two object...

I've recently found a nice solution for a very similar problem but I don't know why it doesn't work in my next example.  What I am trying to do is:  I have created a Component which consists of two input fields, onSubmit of the Form the s...