mithril.js - Mithril 需要导入 'mithril'

Question

我正在写一个简单的 Mithril 组件，下面是代码

var m = require("mithril")

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

export default MyComponent;

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

Uncaught ReferenceError: m is not defined(…)

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