Как импортировать классы после добавления реагируют на сайт - PullRequest
Новая
       6

Как импортировать классы после добавления реагируют на сайт

0 голосов
/ 27 февраля 2019

Я следовал этому документу , чтобы добавить реакцию на мой проект php / JS.

Это место, где должно быть добавлено приложение реакции. 

<div id="messages"></div>
<div id="root"></div>

<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>



<script src="../common/scripts/jquery.mask.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"/>
<script type="text/babel" src="../js/missions/app.js"></script>

и это пример кода, который отлично работает: 

'use strict';
const e = React.createElement;

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = { liked: false };
  }

  render() {
    if (this.state.liked) {
      return 'You liked comment number ';
    }

    return (
        <button onClick={() => this.setState({ liked: true })}>
          Like
        </button>
      );
  }
}

const domContainer = document.querySelector('#root');
ReactDOM.render(e(App), domContainer);

Но проблема в том, что мне нужно добавить все классы в один файл, потому что я получу ошибку require is not defined, если я попытаюсьимпортировать другие классы.

Я знаю, что использование пакета и компиляция кода реагирования может решить проблему, но мне было интересно, есть ли другое не хакерское решение для этого.

Я где-то читалЕсли классы присоединены к объекту окна, наличие import не является необходимым, но не может найти документ для этого, будет полезно, если у вас есть какие-либо идеи здесь.

Best

...