秘银需要进口'秘银'

Question

我正在写一个简单的秘银组件,下面给出的是代码

var m = require("mithril")

var MyComponent = {
    view() {
        return <button>Hello world!</button>;
    }
};

export default MyComponent;

我的问题是,在这种情况下,我没有按要求使用m,但是当我删除此应用程序不运行时,我收到以下错误

未捕获的ReferenceError:m未定义(...)

Answer 1

当你删除该m = require("mithril")行时它会抱怨,因为当JSX被转换时它会变成调用m().

var m = require("mithril")

var MyComponent = {
    view() {
        return <button>Hello world!</button>;
    }
};

export default MyComponent;

变

var m = require("mithril");

var MyComponent = {
    view: function view() {
        return m(
            "button",
            null,
            "Hello world!"
        );
    }
};

exports.default = MyComponent;

您可以在babel REPL上看到JSX转换