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.
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
And this function that returns JSX
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.