Как получить доступ к дочернему элементу в LoadableComponent и Route?

В моем основном компоненте я создал ссылку:

this.transfernewRef = React.createRef();

И назначил его моему компоненту, который встроен в маршрут:

<Route path = "/new" render = {(props) => <TransferNew {...props} origin = {this.state.origin} token = {this.state.token} ref = {this.transfernewRef} />}/>

Мой компонент TransferNew также динамически загружается с использованием response-loadable и его компонента Loadable. Если я напечатаю this.transfernewRef.current, я получу объект LoadableComponent:

Как получить доступ к дочернему элементу в LoadableComponent и Route?

Как мне получить доступ к моему компоненту TransferNew оттуда? Кажется, я не могу найти способ сделать это. Я просто хотел бы вызвать одну из функций TransferNew, поэтому что-нибудь в этом роде:

this.transfernewRef.current.<something>.myFunction()

Спасибо.

У меня такой же вопрос. Любые идеи?

— 12.07.2019 03:47

reactjs react-router react-loadable

04.06.2018 11:25

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

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

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Массив зависимостей в React

Все о массиве Dependency и его связи с useEffect.

Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов

Проще говоря, компонент - это фабрика для создания элементов.

Руководство по использованию хука useEffect для методов жизненного цикла React

451

Ответы 1

У меня такая же проблема. Мое решение

import Loadable from "react-loadable";
import { Loading } from "components/Loading";

const Dropzone = Loadable({
  loader: () => import("view/components/knowledge/components/Dropzone.jsx"),
  loading: Loading,
  render(loaded, props) {
    const Component = loaded.default;
    const ref = props.DropzoneRef || undefined;
    return <Component {...props} ref = {ref} />;
  },
});

29.01.2020 14:05

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

React router: компонент не обновляется при изменении параметра поиска URL

Как отправить данные при маршрутизации из компонента div на новую страницу в React?

Маршрутизатор React перемонтирует потомков при изменении маршрутов (без согласования)

Реагировать на рендеринг svg / png мерцает на новом URL

Как отправить реквизит компоненту при использовании маршрута для загрузки?

Как передать данные на страницу в <redirect> в React?

Как вы делитесь компонентами по маршрутам с помощью React Router

React 2 компонента одного и того же класса в переключателе, переходя от 1 к другому, больше не отображается

Глобальный хук react-router4?

React router не отвечает - ошибок нет

Как получить доступ к дочернему элементу в LoadableComponent и Route?

Ответы 1

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

Похожие вопросы