BootstrapControl.jsx

class BootstrapControl extends React.Component {

    constructor(props) {
        super(props);
        console.log('BootstrapControl start');

        this.PostTest = this.PostTest.bind(this);
    }


    PostTest() {
        let test_url = "/Test/Test";
        
        fetch(test_url,
            {
                method: "Post",
                headers: {
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify({ id: 2, name: "n" })
            });
    }

    render() {

        return (
            <div>
                <p>Bootstrap test</p>
                <ButtonToolbar>
                    <Button onClick={this.PostTest} variant="outline-primary">Primary</Button>
                    <Button variant="outline-secondary">Secondary</Button>
                    <Button variant="outline-success">Success</Button>
                    <Button variant="outline-warning">Warning</Button>
                    <Button variant="outline-danger">Danger</Button>
                    <Button variant="outline-info">Info</Button>
                    <Button variant="outline-light">Light</Button>
                    <Button variant="outline-dark">Dark</Button>
                </ButtonToolbar>
            </div>
        );

    }
}