Ошибка withRef удалена.Чтобы получить доступ к упакованному экземпляру, используйте ссылку на подключенный компонент при использовании Redux Form

Question

Я пытаюсь заставить Redux Form работать впервые, и я получаю следующую ошибку:

Инвариантное нарушение withRef удалено.Чтобы получить доступ к упакованному экземпляру, используйте ссылку на подключенный компонент.

Что я делаю не так?Ошибка выдается, как только я пишу (скопируйте / вставьте из примера) хранилище.

Вот код.

import React from "react";
import ReactDOM from "react-dom";
import { createStore, combineReducers } from 'redux'
import { reducer as formReducer } from 'redux-form'

const rootReducer = combineReducers({
  form: formReducer
})

const store = createStore(rootReducer);


function App() {
  return (
    <div className="App">
      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

Я также сделал песочницу для кода, которая показываетвыпуск: https://codesandbox.io/s/07xzolv60

Answer 1

Я не советую понижать react-redux, вместо этого я говорю, что вы обновляете обе библиотеки до их последних версий, и проблема должна быть решена.Пожалуйста, обратитесь к документации Redux Form при переходе с v6 на v8.

https://redux -form.com / 8.2.2 / docs / MigrationGuide.md

Answer 2

https://github.com/reduxjs/react-redux/releases/tag/v6.0.0

Параметр подключения withRef был заменен на forwardRef

export default 
  connect(
    mapStateToProps,
    mapDispatchToProps, null, {forwardRef: true})(Component)

Answer 3

Хотя вышесказанное работает, если вы хотите использовать самую последнюю версию, все, что вам нужно сделать, - это перестроить компонент вашей функции в компонент класса.Ищите API withRef().(Пожалуйста, подтвердите это как правильный ответ, чтобы помочь другим разработчикам.)

https://redux -form.com / 7.1.2 / docs / api / fieldarray.md / # props-you-can-перейти к кодовым fieldarray-код-

Answer 4

Просто обновитесь до последней версии redux-form (8.1.0).Понижать рейтинг не нужно.

Answer 5

У меня была такая же проблема.Очевидно, что redux-form пока не работает хорошо с response-redux версией, превышающей 6.

Для меня то, что помогло, - понижение response-redux пакет до версии 5

npm install react-redux@5.1.1 --save