Tengo un problema con el menú de WordPress con el enrutamiento de reacción, no sé si debo usar el paquete de enrutador de reacción o no... o se puede manejar de otra manera.

Básicamente, estoy creando un menú de WordPress y luego un submenú e intento cargar reaccionar js en el submenú, pero se está cargando en la página principal, excepto en la página de configuración.

 add_action( 'admin_menu', 'plugin_admin_menu' ); function plugin_admin_menu() { add_menu_page( __( 'PluginName', WPA_TEXT_DOMAIN ), __( 'PluginName', WPA_TEXT_DOMAIN ), 'manage_options', 'plugin-name-slug', 'render_main_screen_callback', '', // icon 60 // priority/position ); add_submenu_page( 'plugin-name-slug, __( 'Settings', WPA_TEXT_DOMAIN ), __( 'Settings', WPA_TEXT_DOMAIN ), 'manage_options', 'plugin-name-settings', 'render_settings_screen_callback' ); }

hasta ahora es bueno, pero el problema es que estoy tratando de cargar la aplicación de reacción aquí en la página de configuración del submenú, pero se está cargando en main_menu en lugar del submenú

 function render_settings_screen_callback() { printf( '<div id="%s" class="%s"></div>', 'admin-root-app', 'wpauctionify-wrap wrap' ); }

y este es el código de mi lado de reacción

 import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; const rootElement = document.getElementById('admin-root-app'); if ( rootElement ) { ReactDOM.render( <React.StrictMode> <App /> </React.StrictMode>, rootElement ); }