Pass parameters from PHP to React component - data-* attributes

blablabla.js

/// userPage.php ///
// define your parameters
$post_id = get_the_ID() ?? null;
$post_title = get_the_title() ?? '';

// add parameters as data-* attributes
return "<div data-post-id={$post_id} data-post-title={$post_title} class=\"userApp\"></div>";


/// App.jsx ///
const userApp = document.getElementById('userApp');

// data-* attributes are passed by using {...userApp.dataset}.
ReactDOM.render(<UserContainer {...userApp.dataset} />, userApp);


/// userContainer.jsx ///
class UserContainer extends React.Component {
    constructor(props) {
        super(props);
        console.log(this.props.dataPostId); // here it is, just as a usual prop!
    }
}