интеграция приложения React (разработанного с использованием CRA) в существующее веб-приложение Jquery - PullRequest
Новая
       9

интеграция приложения React (разработанного с использованием CRA) в существующее веб-приложение Jquery

0 голосов
/ 23 апреля 2020

Я разработал одностраничное приложение с использованием метода реакции (create-reat-app). Теперь это приложение реакции должно быть интегрировано с существующим многостраничным приложением Jquery и php. Я начал преобразовывать реагирующее приложение в способ CDN (используя ссылки CDN в index. html). Но в итоге возникли проблемы при рендеринге родительского компонента, который рендерит дочерний компонент с передачей ему параметров функции, чтобы дочерний компонент мог изменить значение родительского компонента Например: в методе рендеринга родительского компонента реагирования у меня есть что-то вроде этого:

ParentComponent: 

render() {
  return (
    <div id = "parent-container">
      <br />
      <DatePickerComponent handleDateChange={this.handleDateChange} />
    </div>
  );
}

при использовании метода CDN, я попробовал следующий подход: 

let domContainer = document.querySelector('#parent-container');
ReactDOM.render(<DatePickerComponent handleDateChange={this.handleDateChange} />,domContainer);

получил следующую ошибку: Замена React-Rendered детей с новым root компонентом. Если вы намеревались обновить дочерние элементы этого узла, вместо этого вы должны попросить существующие дочерние элементы обновить свое состояние и отобразить новые компоненты вместо вызова ReactDOM.render.

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

, как я делаю, правильно или нет, если да, можете ли вы помочь мне решить вышеуказанную проблему. Кроме того, если вышеуказанный подход неверен, не могли бы вы предложить мне лучшую альтернативу для интеграции приложения React в существующее приложение Jquery и PHP. Большое спасибо за продвижение

...