Question

根据他们的演示，我已经挣扎了几个小时才能对金色布局做出反应：

http://golden-layout.com/examples/#XdabGJ

我正在使用电子创建文档编辑应用程序，并尝试使用gl来提供文档的虚拟视图。我希望每个gl窗口都有一个反应组件。我创建了以下课程：

[可变list.js]

const React = require('react')
const Component = React.Component

class VariableList extends Component {

    constructor() {
        super()
        this.state = { }
    }

    render() {
        console.log('render')
        return (
            <div className="variable-list">
                <h3>Variables</h3>
            </div>
        );
    }
}

module.exports =  VariableList;

我从我的主脚本中引用：

const GoldenLayout = require('golden-layout');
const VariableList = require('variable-list')

var config = {
    content: [{
        type: 'column',
        content: [{
            type: 'component',
            componentName: 'variables'
        }]
    }]
};

// Setup layout
var layout = new GoldenLayout(config);
layout.registerComponent( 'variables', VariableList );
layout.init();

当我运行代码时，会创建gl并出现一个窗口，但它中不包含任何元素，并且控制台不包含预期的打印。

示例显示了通过＆＃39; React.createClass＆＃39;创建的类，但是这个函数似乎不再存在，并且根据反应文档，＆＃39; extends Component＆＃ 39;与它类似。

如何调用我的渲染函数？

Golden Layout没有调用React.Component.render

0 个答案: