在下面的代码片段中,我使用扩展来创建组件。这是行不通的。但是如果我使用 React.createClass({});它工作正常。您能否让我知道以下代码片段中的问题所在
import React from 'react';
class App extends React.Component {
render() {
return (
<div>
<AuditTable/>
</div>
);
}
}
class AuditTable extends React.Component {
render(){
return(
<div> This is audit table
<AuditTable.Header/>
</div>
);
}
}
class AuditTable.Header extends React.Component{
render(){
return(
<div>
Audit Table Header
</div>
);
}
}
export default App;
此代码无效。任何帮助都会很棒
最佳答案
import React from 'react';
class App extends React.Component {
render() {
return (
<div>
<AuditTable/>
</div>
);
}
}
var AuditTable = class AuditTable extends React.Component {
render(){
return(
<div>
<AuditTable.Header/>
<AuditTable.Row/>
</div>
);
}
}
AuditTable.Header = class Header extends React.Component{
render(){
return(
<div>
Audit Table Header
</div>
);
}
}
关于javascript - 在 ReactJs 中,如何使用 extends 创建子组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41576711/