Mithril 简单示例需要 ReactJS

Question

只是尝试在没有 webpack 和 npm 的情况下使用 JSX 做一个简单的例子。

<html>
  <head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.18.1/babel.min.js"></script>
    <script src="http://unpkg.com/mithril/mithril.js"></script>
  </head>
  <body>
      <script type="text/babel">
      var MyComponent = {
        view: function() {
          return (
            <main>
              <h1>Hello world</h1>
            </main>
          )
        }
      }

      m.render(document.body, <MyComponent />)
      </script>
  </body>
</html>

但收到 React 错误：

Uncaught ReferenceError: React is not defined

我很困惑为什么 React 与此有任何关系。

Answer 1

默认情况下，JSX 生成 React 代码。为了生成秘银代码，您必须将 'pragma' 设置为 m。最简单的方法是在每个 JSX 文件的顶部设置以下注释：

/* @jsx m */

Mithril 简单示例需要 ReactJS

Mithril simple example demands ReactJS

mithril.js