I have a relatively straightforward issue of trying to add inline scripting to a React component. What I have so far:  'use strict';  import '../../styles/pages/people.scss';  import React, { Component } from 'react'; import...

I am trying to get started building a site in ReactJS. However, when I tried to put my JS in a separate file, I started getting this error: "Uncaught SyntaxError: Unexpected token <".  I tried adding /** @jsx React.DOM */ to the top of t...

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 have added a condition in rendering and suddenly it stops displaying. Here is the code  am using.   {this.state.sdata.map((sdata, i) =>     {i < 5 &&      <ServiceNavItem key={i} onClick={()=>this.handleSelect(i)}{...sdata} />...

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 have the following block inside my render() (which is a Bootstrap Button: https://react-bootstrap.github.io/components.html#buttons-options):   <Button type="simpleQuery" onClick={this.handleEntailmentRequest.bind(this)}>    Query <...

IntelliJ cannot resolve javascript modules called with webpack requires which are not inside the node_modules directory  Imagine this project structure:  `- project    |- node_modules    |  `- react    |     `- addons.js    |- webpack.config.js    |-...

I'm using React along with Font Awesome to create a row of stars. I have a function that takes a number and produces that many stars. I'm trying to find the best way to do this within a react component. Basically, I need to multiply the JSX e...

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 (...