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转换

秘银需要进口'秘银'

1 个答案: