React with Laravel non spa

Has anyone created a non spa web application with React and Laravel?

If the website is not a spa, what is the best way to mount a component in blade files?

Call a component like this?

import React, { Component } from 'react';
import ReactDOM from 'react-dom';

export default class Example extends Component {
    render() {
        return (
            <div className="container">
                <div className="row justify-content-center">
                    <div className="col-md-8">
                        <div className="card card-default">
                            <div className="card-header">Example Component</div>

                            <div className="card-body">
                                I'm an example component!
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        );
    }
}

if (document.getElementById('app')) {
    ReactDOM.render(<Example />, document.getElementById('app'));
}

So if a component is like <Comment/>.

Create a mounting point like this for each component in blade files?

if (document.getElementById('comment')) {
    ReactDOM.render(<Comment/>, document.getElementById('comment'));
}

and in a blade file

<div id="comment"></div>

I wanna know if this is the right way or no. If there is another way please let me know