在纯 js 文件中调用 React class

Question

I have a pure javascript file from which Im getting all the inputs, it's a legacy code. Now I want a react component to get called from the javascript file

App(exercise, event); //Something like this, App is my React class. exercise and event are inputs from js file

So in my case as the inputs are getting stored in the js file from various dropdowns, the js file is the entry point of my application.

import React from 'react';

export default class App extends Component{
  render(){
    return(<div>
      {console.log(this.props)}
    </div>)
  }
}

How should my React class be imported in js file so it can be called and I can see the exercise and event in props of react

Currently Im getting Uncaught Reference Error: App is not defined in the console output

Answer 1

Your js code can mount the component and pass in the initial properties to it.

ReactDOM.render(React.createElement(App, {...properties}), document.getElementById('target'))