React setState did not rerender the page

Hi, I'm having trouble getting the page rerendered with updated data. I have an array of arrays and I would like to render just 1 array at a time with some button to change the state to the next array. But I don't seem to be able to do this with the view engine for some reason, is it not supported?

I have made this simple component to test state change that increments an index
```jsx
import React from 'react';

export class Test extends React.Component {
  constructor(props) {
    super(props);
    this.state = { index: 0 };
    this.increment = this.increment.bind(this);
  }

  increment() {
    let idx = this.state.index + 1;
    if (idx > 10) {
      idx = 10;
    }
    this.setState({ index: idx});
  }

  render() {
    return (
      <div>
        <h1>
          Index: {this.state.index}
        </h1>
        <br />
        <button onClick={this.increment}>
          Increment
        </button>
      </div>
    );
  }
}
```

And this function that returns JSX
```jsx
const React = require('react');
import { Body } from './default';
import { Test } from './test';

export default function TestFunction(props) {
  return (
    <Body>
      <Test />
    </Body>
  );
}
```

It works on React editors but when rendering with the express view engine it doesn't work at all. I'm limited to express due to the nature of my project.

Navigation Menu

Uh oh!

React setState did not rerender the page #165

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Uh oh!

React setState did not rerender the page #165

Description

Activity

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions