在純 js 文件中調用 React class

Question

我有一個純 javascript 文件，我從中獲取所有輸入，這是一個遺留代碼。 現在我想從 javascript 文件中調用一個反應組件

App(exercise, event); //像這樣，App是我的React class。 練習和事件是來自 js 文件的輸入

因此，在我的情況下，由於輸入從各種下拉列表中存儲在 js 文件中，因此 js 文件是我的應用程序的入口點。

import React from 'react';

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

我的 React class 應該如何導入到 js 文件中以便可以調用它，我可以在 react 的 props 中看到練習和事件

目前我得到Uncaught Reference Error: App is not defined

Answer 1

您的 js 代碼可以掛載組件並將初始屬性傳遞給它。

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