Javascript Reactjs Redux。获得'；无效的挂钩调用'；仅在使用连接时使用

这是我的歌

class Songs extends React.Component {
    render() {
        return (
            <div>
                 Song List 
            </div>   
        );
    }   
} 
export default connect()(Songs);

class.Component{
render（）{
返回(
歌曲列表
);
}   
} 
导出默认连接（）（歌曲）；

App.js

const App = () => {
    return <div>
    <Songs/>
    </div>
};

export default App;

ReactDOM.render(
<Provider store={createStore(reducers)}>
    <App /> 
</Provider>,
    document.getElementById("root"))

const-App=（）=>{
返回
};
导出默认应用程序；

Index.js

const App = () => {
    return <div>
    <Songs/>
    </div>
};

export default App;

ReactDOM.render(
<Provider store={createStore(reducers)}>
    <App /> 
</Provider>,
    document.getElementById("root"))

ReactDOM.render(
,
document.getElementById（“根”））

我正在努力学习React Redux

---

在Songs.js文件中，我只在使用connect时收到无效挂钩错误。当我不尝试使用redux connect时，该应用程序运行良好。请确保您正在从

redux

导入connect

import { connect } from 'react-redux';

我假设如果

connect

现在使用钩子，那么您使用的是与钩子（>16.8）兼容的

Redux

版本

确保

React

和

React Dom

是相同的版本

---

作为一个供参考的信息，我能够复制，并且已经在react redux上打开了一个问题

问题:

---

我无法复制。您能否共享导入语句，或者澄清您是否正在采取导致错误的操作？