Ссылка реагировать компонент в браузере - PullRequest
Новая
       26

Ссылка реагировать компонент в браузере

0 голосов
/ 26 мая 2018

В целях простого тестирования я хочу создать приложение React для отображения в браузере с помощью babel.Поэтому я не использую стартовый комплект для реагирования.

Итак, у меня есть очень простая страница, как показано ниже;

 <script type="text/jsx" src="Link.react.js"></script>
    <script src="https://unpkg.com/react@16/umd/react.development.js"></script>
    <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
    <script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>

<body>
    <div id="root"></div>
    <script type="text/babel">    
    ReactDOM.render(<Link page="https://www.facebook.com" />, document.getElementById('root'));
    </script>
</body>

Здесь Link.react.js имеет компонент реагирования, как показано ниже; 

export default class Link extends React.Component {
// basic implementation
}

Но он не рендерится и выдает целую кучу ошибок, таких как 

 Uncaught ReferenceError: exports is not defined
 React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Есть ли способ достичь этого?Или я должен использовать утилиту react-scripts, чтобы сначала скомпилировать их?

...