Reactjs Redux.Получение 'Invalid hook call' при использовании только при использовании connect

Question

Это мои песни. 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 я получаю неверную ошибку Hooks только при использовании connect. Приложение прекрасно работает, когда я не пытаюсь использовать избыточное соединение

Answer 1

Как к вашему сведению, я смог продублировать и открыл проблему с реагировать на редукцию.

Выпуск: https://github.com/reduxjs/react-redux/issues/1303

Answer 2

Убедитесь, что вы импортируете соединение из Redux.

    import { connect } from 'react-redux';

Я предполагаю, что если Connect использует хуки сейчас, вы используете версии Redux, которые совместимы с хуками (> 16.8).

Убедитесь, что React и React-Dom являются одинаковыми версиями.

Может быть связано.

Официальные документы.