Как я могу передать ссылку на компонент в хранилище избыточности

constructor(props) {
  super(props);
  this.myRef = React.createRef();
}
render() {
  return <div ref = {this.myRef} />;
}

Я могу создать такую ​​ссылку на компонент после рендеринга компонента. Мне нужно сохранить ссылку на этот компонент в хранилище избыточности. Я могу сохранить его как переменную состояния, но избыточность выдает примерно такую ​​ошибку:

Invalid attempt to destructure non-iterable instance

Есть ли способ сохранить ссылку на компонент как глобальную переменную в приложении?

Глубокая копия объекта ref, синтаксический анализ строки JSON не работает...

не могли бы вы объяснить Зачем, что вы пытаетесь это сделать?

Davin Tryon 01.03.2019 12:10

конечно, я отрендерил сообщения, и после того, как я отобразил сообщения в соответствии с содержанием сообщения, мне может потребоваться обновить предыдущие сообщения. Если у меня есть сообщение, которое нужно обновить, я хочу сохранить его в магазине Redux. Затем я могу обновить его, пока рендерится другой пост. Слишком много кода для отправки...

burak unlu 01.03.2019 12:15

похоже, что это противоречит логике реагирования, но я не смог найти другого способа сделать это.

burak unlu 01.03.2019 12:16

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

Davin Tryon 01.03.2019 12:16

ты не можешь. наверное. сохраните объект, который используется для рендеринга постов, в хранилище избыточности и измените его, другой пост будет автоматически повторно рендериться с изменениями.

Sujit.Warrier 01.03.2019 12:20

спасибо за ответы ... как я понял, передача ссылки - это неправильный путь. Я думаю, что лучше создать объект данных в хранилище избыточности для компонентов постов, которые должны обновляться следующими постами.

burak unlu 01.03.2019 16:14
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
3
6
3 326
1

Ответы 1

вы можете использовать функцию withRef в подключении

  export default connect(
  mapStateToProps,
  mapDispatchToProps, null, {withRef: true})(myComponent);

для справки посмотрите приведенный ниже пример ссылки с использованием withRef

ссылка на образец кода

Другие вопросы по теме