React, Unterminated Содержимое JSX

Я пытаюсь настроить базовый пример реакции - используя jspm/systemjs и babel. У меня есть этот код здесь, чтобы показать простую страницу, и я получаю сообщение об ошибке

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 указывает на строку response.render следующим образом:

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

Еще новичок в этом, поэтому я не уверен, что здесь происходит не так, был бы признателен за любую помощь. Спасибо!

Ответы

Ответ 1

У вас есть 2 незакрытых тега <div> в render() и точка с запятой, которая, вероятно, не принадлежит. Я бы избавился от них (например, закройте их, удалите точку с запятой в <div>;, если она не принадлежит) и повторите попытку.