wordpress shortcode如何呈现页面反应

Question

我在wordpress中遇到问题。我想将React App与Wordpress plugin

集成

Wordpress插件简码

shortcode name: show_shortcode

function name: show_latest_appointments

add_shortcode( 'show_shortcode', 'show_latest_appointments' );
function show_latest_appointments() {       //call_back_function    
    return '<div id="root"></div>'; //for display
}

反应生成文件

'build/static/js/main.52d3e918.chunk.js'

'build/static/css/main.6ac50237.chunk.css'

反应成分 index.js

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

在WP页面中添加shortcode时，它们会显示我的react page

我在做什么错？谁能帮我吗？