我正在try 使用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内容",巴贝尔指向react.render行:

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

推荐答案

render()中有两个未闭合的<div>标签和一个可能不属于的分号.我会扔掉它们(例如,关闭它们,删除<div>;中不属于它们的分号),然后再试一次.

Reactjs相关问答推荐

Redux toolet TypHelp:在使用redux thunk获取数据时无法读取未定义(读取类型)的属性

为什么我的标签在Redux API中不能正常工作?

For循环中的元素在Reaction中丢失挂钩

基本react 应用程序正在触发两次Use Effect

在Map()完成React.js中的多个垃圾API请求后执行函数

useCallback()是否应该用于作为prop传递给子组件的函数,即使该组件包装在memo()中?

无法在下一个标头上使用 React hooks

UseEffect 似乎不适用于页面的首次渲染

找不到名称setCometChat

如何测试根据 prop 更改 CSS 属性的 useEffect 钩子?

获取更多数据后更新 DOM,而不刷新 React.js 中的页面

每次状态更改时都会提交react 表单

使用 nextjs App Router 在动态客户端进行服务器端渲染

React - 拖放 UML

带有 webpack 错误多个文件匹配路由名称的 Expo-router.无法Bundle 或部署应用程序

React v6 中的公共和私有路由

未捕获的类型错误:useSelector 不是函数

如何检索包含动态段的未解析路径?

ReactJs 行和列

在react 钩子中将数组添加到数组状态给出一个数字