Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何扩展React类?_Javascript_Reactjs - Fatal编程技术网

Javascript 如何扩展React类?

Javascript 如何扩展React类?,javascript,reactjs,Javascript,Reactjs,我试过这个(注意它们实际上是独立的文件): 然后React抱怨我使用的是文字对象而不是React类。对于ES6: // File Foo.js import React, { Component, PropTypes } from 'react' class Foo extends React.Component { ... } export default Foo; // File Bar.js import Foo from 'Foo' class Bar extends Foo {

我试过这个(注意它们实际上是独立的文件):

然后React抱怨我使用的是文字对象而不是React类。

对于ES6:

// File Foo.js
import React, { Component, PropTypes } from 'react'
class Foo extends React.Component {
  ...
}
export default Foo;


// File Bar.js
import Foo from 'Foo'
class Bar extends Foo {
  ...
}
对于您可以使用的传输,或。

与ES6:

// File Foo.js
import React, { Component, PropTypes } from 'react'
class Foo extends React.Component {
  ...
}
export default Foo;


// File Bar.js
import Foo from 'Foo'
class Bar extends Foo {
  ...
}

用于您可以使用的传输,或。

稍后我将再次尝试。我以为这就是我所做的,但我犯了一个错误。是的,我被搞砸了,因为我不习惯最新的ES课程。我必须在构造函数中将getInitialState更改为this.state={},在这种情况下,在转换的基础上,优先选择组合而不是继承。你应该研究一下高阶组件模式,我稍后会再试一次。我以为这就是我所做的,但我犯了一个错误。是的,我被搞砸了,因为我不习惯最新的ES课程。我必须在构造函数中将getInitialState更改为this.state={},在这种情况下,在转换的基础上,优先选择组合而不是继承。您应该研究高阶组件模式