React JS，道具驗證

Question

React JS 新手，props 驗證實踐如下：

import React from 'react';
import PropTypes from 'prop-types';

class App extends React.Component {
  render() {
     return (
        <div>
           <h3>String : {this.props.propstring}</h3>
        </div>
     );
  }
}
App.propTypes = {
   propstring : PropTypes.string
}
App.defaultProps = {
   propstring : "My Name"
}

export default App;

import React, { component } from 'react';
import ReactDOM from 'react-dom';
import App from './AppProp.js';

ReactDOM.render(<App />,document.getElementById('root'));

得到一個錯誤：

類型錯誤：Class 擴展值未定義不是構造函數或 null。

我在這里缺少什么以及如何解決上述錯誤？

Answer 1

代碼非常好。 我在本地機器上執行了它，它運行良好。

您可能面臨的唯一問題是

循環導入類，這顯然是一個限制

從資源中了解更多信息：

https://esdiscuss.org/topic/how-to-solve-this-basic-es6-module-circular-dependency-problem

Answer 2

有2個可能的問題。 很可能您正在導入{ component } （就像您在索引文件中所做的那樣，這是錯誤的），而不是代碼中某處的{ Component }並嘗試extend component 。 另一個原因是您可能會循環導入類，但我對此表示懷疑。 另外，您的文件是否名為AppProp.js ？

發布堆棧跟蹤，如果您發布您正在使用的所有組件，它也會有所幫助。 也發布您的 package.json，因為您可能使用了錯誤的絕對路徑。