javascript - 控制台抛出未终止的 JSX 内容错误

标签 javascript reactjs babeljs

<分区>

我正在尝试使用 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'))

什么都没有显示,控制台抛出“未终止的 JSX 内容”,babel 指向 react.render 行:

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

最佳答案

您有 2 个未关闭 <div>您的 render() 中的标签和一个可能不属于的分号。我会摆脱那些(例如,关闭它们,删除 <div>; 中的分号,如果它不属于)并再试一次。

关于javascript - 控制台抛出未终止的 JSX 内容错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33127130/

相关文章:

javascript - 单击评论按钮时将评论附加到特定帖子vue js

javascript - 文本试图换行时如何减少字母间距?

javascript - i18next 插值中的 React 组件显示为 [object Object]

javascript - 如何覆盖babel的预设插件选项

javascript - 过滤 ng-repeat 以从对象属性创建逗号分隔的数组值列表

javascript - Django 模板变量和 Javascript

javascript - 有人可以向我解释这个 react native 代码片段吗?

reactjs - React 中 Material-UI 的可滚动列表组件

javascript - 如何在 React 中将数组作为 props 传递而不转换为字符串

javascript - 引用错误 : You are trying to `import` a file after the Jest environment has been torn down: at loadCjsDefault