@yevheni/erc v1.0.2

(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>
        );
    }
}