This repository was archived by the owner on Feb 1, 2022. It is now read-only.
This repository was archived by the owner on Feb 1, 2022. It is now read-only.
React setState did not rerender the page #165
Description
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
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
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.