Question

这是我的Songs.js

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

App.js

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

export default App;

Index.js

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

我正在尝试学习React Redux。

在Songs.js文件中，仅在使用connect时才收到无效的Hooks错误。当我不尝试使用Redux Connect时，该应用程序运行良好

Answer 1

作为一个仅供参考，我能够复制并打开了react-redux的问题。

问题： https://github.com/reduxjs/react-redux/issues/1303

Answer 2

确保从Redux导入连接。

    import { connect } from 'react-redux';

我假设如果connect现在使用钩子，则您正在使用与钩子（> 16.8）兼容的Redux版本。

确保React和React-Dom是相同的版本。

Might be related.

The official docs.

Reactjs Redux。仅在使用connect时使用“ Invalid hook call”

2 个答案: