Add support for React

[kozakdenys]

No description provided.

[kozakdenys]

It works well with React.
An example of React app:

import QrCodeStyling from 'qr-code-styling';
import React from 'react';

class App extends React.Component {
    constructor(props) {
        super(props);
        this.handleDataChange = this.handleDataChange.bind(this);
        this.updateQr = this.updateQr.bind(this);
        this.qrRef = React.createRef();
        this.state = {
            data: "init"
        };
        this.qrCode = new QrCodeStyling({
            width: 300,
            height: 300,
            data: this.state.data,
            image: "https://facebookbrand.com/wp-content/themes/fb-branding/assets/images/fb-logo.png?v2",
            dotsOptions: {
                color: "#4267b2",
                type: "rounded"
            },
            backgroundOptions: {
                color: "#e9ebee",
            }
        });
    }

    handleDataChange(event) {
        const target = event.target;

        this.updateQr(target.value);
        this.setState({
            data: target.value
        });
    }

    updateQr(data) {
        this.qrCode.update({
            data
        });
    }

    componentDidMount() {
        this.qrCode.append(this.qrRef.current);
    }

    render(){
        return (
            <div>
                <input
                    name="data"
                    type="text"
                    value={this.state.data}
                    onChange={this.handleDataChange} />
                <div ref={this.qrRef} />
            </div>
        )
    }
}

export default App