(ERC) Extended React Component

Set properties in React Components like in Angular

All you need, is define this.s

this.s equal this.state, but now you can set properties like this:

this.s = {
    test: 1
};
// console.log(this.s.test);
// -> 1 

this.s.test = 2;
// console.log(this.s.test);
// -> 2

this.setState({
    test: 3
});
// console.log(this.s.test);
// -> 3

this.state = {
    test: 4
};
// console.log(this.s.test);
// -> 4

this.s.test = 5;
// console.log(this.state.test);
// -> 5

Example:

import React from "react";
import {ExtendedComponent} from "erc2";

class IndexComponent extends ExtendedComponent {
    constructor(props) {
        super(props);

        this.s = {
            test: 1,
        };

        setTimeout(() => {
            this.setState({
                test: 2
            });

            setTimeout(() => {
                this.s.test = 3;
            }, 1000);
        }, 1000);
    }

    render() {
        return (
            <div className="index-page">
                <div>
                    this.s.test: {this.s.test}
                </div>
                <div>
                    this.state.test: {this.state.test}
                </div>
            </div>
        );
    }
}