Autobound async class method (minimal example in Preact)

App.js

import { h, Component, render } from 'preact';
import autobind from 'autobind-decorator';

import 'normalize.css';
import 'App.scss';

import Header from 'Header';

class App extends Component {
    
    @autobind async fetchData() {
        let response = await fetch('/test.json');
        let data = await response.json();
        this.setState({ value: data.value });
    }

    render({}, { value }) {
        return (
            <div>
                <Header>Testing async</Header>
                <main>
                    <button onClick={ this.fetchData }>Test async method</button>
                    <data>{ value }</data>
                </main>
            </div>
        );
    }
}

render(<App />, document.body);