1. ホーム
  2. javascript

[解決済み】コンソールがUnterminated JSX contentsエラーを投げる【終了しました

2022-01-25 18:38:08

質問

私は、jspm/systemjsとbabelを使用して、基本的なreactの例を設定しようとしています。簡単なページを表示するために以下のコードを書いていますが、エラーが発生します。

import React from 'react';

export default React.createClass({
displayName: 'MainComponent',
propTypes: {
    item: React.PropTypes.object
},
render: function render() {
    return (
        <div class="builder-conteiner">

        <div>;
    );
}
});

React.render(<MainComponent />, document.getElementById('app'))

何も表示されず、コンソールは "Unterminated JSX contents" をスローし、babel が指し示すのは react.render という行があります。

 17 | React.render(<MainComponent />, document.getElementById('app'))
    |                               ^ 

解決方法は?

2つのクローズしていない <div> タグは render() と、おそらくは属さないであろうセミコロンがあります。私なら、それらを取り除きます(例えば、それらを閉じ、セミコロンを削除し <div>; をクリックし、もう一度試してみてください。