__WEBPACK_IMPORTED_MODULE_1_react_dom ___ default.a.createPortal не является функцией - PullRequest
Новая
       13

__WEBPACK_IMPORTED_MODULE_1_react_dom ___ default.a.createPortal не является функцией

2 голосов
/ 09 марта 2020

Ошибка: 

TypeError: __WEBPACK_IMPORTED_MODULE_1_react_dom___default.a.createPortal is not a function

Modal.js:14
  11 | 
  12 | 
  13 | function Modal(props) {
> 14 |   return ReactDOM.createPortal(JSX_MODAL, document.querySelector("#modal"));
  15 | }
  16 | 
  17 |

Код: 

import React from "react";
import ReactDOM from "react-dom";

const JSX_MODAL = (
  <div className="ui dimmer modals visible active">  
    <div className="ui standard modal visible active">
      THIS IS SOME TEXT IN THE MODAL // add some UI features here
    </div>
  </div>
);

function Modal(props) {
  return ReactDOM.createPortal(JSX_MODAL, document.querySelector("#modal"));
}

export default Modal;

, который вызывается в функции рендеринга другого компонента используя {Modal()}.

index. html (только часть тела): 

<body>
  <div id="root"></div>
  <div id="modal"></div>
</body>

Зависимости: 

"react": "^16.8.6
"react-dom": "^16.0.0-alpha.13",

Справочная информация:

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

Что я пробовал:

Я смог найти только один случай, когда у людей возникла похожая проблема , и они смогли решить ее, установив версию React> 16.3.0. Я использую React версии 16.8.6.

...