3

我正在为 scala-js 中的 react-native 编写包装器

  lazy val reactNative = js.Dynamic.global.require("react-native")
  val View = reactNative.View
  val component = ReactNativeB[Unit]("NativeYeah")
          .render(P => {
             reactNative.createElement(View,null)
        }).buildU
  reactNative.AppRegistry.registerComponent("iOSscala", () => component())

组件注册良好，但在创建视图元素时失败！

null 不是函数（评估'autoGenerateWrapperClass（tag）'）“

完整的堆栈跟踪：

CTJSLog> "Error: 
 stack: 
  getComponentClassForElement     index.ios.bundle:5894
  validatePropTypes               index.ios.bundle:5634
  createElement                   index.ios.bundle:5681
  renderApplication               index.ios.bundle:33913
  run                             index.ios.bundle:33858
  runApplication                  index.ios.bundle:33880
  jsCall                          index.ios.bundle:7237
  _callFunction                   index.ios.bundle:7484
  applyWithGuard                  index.ios.bundle:877
  guardReturn                     index.ios.bundle:7286
  callFunctionReturnFlushedQueue  index.ios.bundle:7493
 URL: http://localhost:8081/index.ios.bundle
 line: 5894
 message: null is not a function (evaluating 'autoGenerateWrapperClass(tag)')"

在调试此功能时

function getComponentClassForElement(element) {
  if (typeof element.type === 'function') {
    return element.type;
  }
  var tag = element.type;
  var componentClass = tagToComponentClass[tag];
  if (componentClass == null) {
    tagToComponentClass[tag] = componentClass = autoGenerateWrapperClass(tag);
  }
  return componentClass;
}

标签值为 ReactElement

注意：上面的代码在带有 div 标签/反应组件的 reactjs 中工作正常。

编辑：它的问题来自 scalajs-react builder ，它遵循 ReactJS 渲染 API 而不是 AppRegistry ，关闭问题。

4

1 回答 1

4

如果您尝试渲染的组件未定义（根据此问题），您将看到此错误消息。component传递给它之前的价值是registerComponent多少？

于 2015-04-01T13:44:41.797 回答