如何为 reactjs 0.13 React.Component scalajs 编写外观

Question

React.Component 定义： https://facebook.github.io/react/docs/top-level-api.html#react.component

ReactComponent 接口：https://facebook.github.io/react/docs/component-api.html

示例：https://facebook.github.io/react/docs/reusable-components.html#es6-classes

到目前为止我尝试了什么..

object React  extends js.Object{

  type Component[P,S] = ReactComponent[P,S]

}

class ReactComponent[P,S] extends js.Object {

  def this(props : P) = this()

  def setState(newState : S) : Unit = js.native

  def forceUpdate() : Unit = js.native

}

当我尝试这个时

 class Hello extends React.Component {

  }

我得到 undefined is not a function 。我做错了！因为我想不出正确的方法...

Answer 1

由于您定义了type Component[P,S] = ReactComponent[P,S]，Scala.js 期望定义一个类ReactComponent。

您必须：

• 在 React 内定义 Component 本身
• 在ReactComponent 上使用@JSName("React.Component")

进一步，

class Hello extends React.Component

没有定义扩展React.Component 的类，而只是另一种外观类型。因此，它可能不会达到您的预期。