Question

我正在尝试建立一个基本的反应示例 - 使用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'))

没有任何内容出现，并且控制台出错了＃34;未终止的JSX内容＆＃34;，并且babel指向react.render行，如下所示：

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

还是新手，所以我不确定这里出了什么问题，不胜感激任何帮助。谢谢！

Answer 1

您的<div>中有2个未公开的render()标记以及可能不属于的分号。我删除了那些（例如关闭它们，删除<div>;中的分号（如果它不属于）并再次尝试。

Answer 2

在结束div元素时给出/并在div元素后删除分号（;）。

import sys
from PyQt5.QtWidgets import (QApplication, QMainWindow, QWidget, QVBoxLayout)

# class Wind(QMainWindow):  # this what i need
class Wind(QWidget):   
    def __init__(self):      #__init__ method
        super(Wind, self).__init__()
        self.scaleFactor = 0.0

        self.widget = QWidget(self)
        layout = QVBoxLayout(self)
        layout.addWidget(self.widget)

        self.widget.setStyleSheet("""
                .QWidget {
                    background-color: rgb(0, 200, 0);
                    }
                """)

        self.setWindowTitle("first-window")
        self.resize(500, 400)


if __name__ == '__main__':

    app = QApplication(sys.argv)
    imageViewer = Wind()
    imageViewer.show()
    sys.exit(app.exec_())

React，Unterminated JSX内容

2 个答案: