@antmjs/vantui/es/root-portal/index.js

一套适用于Taro3及React的vantui组件库

import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
import { useRouter } from '@tarojs/taro';
import { createPortal } from '@tarojs/react';
import { useLayoutEffect, useState } from 'react';
var RootPortal = function RootPortal(_ref) {
  var children = _ref.children,
    _ref$enable = _ref.enable,
    enable = _ref$enable === void 0 ? false : _ref$enable;
  var router = useRouter();
  var _useState = useState(),
    _useState2 = _slicedToArray(_useState, 2),
    dom = _useState2[0],
    setDom = _useState2[1];
  useLayoutEffect(function () {
    // @ts-ignore
    var _dom = document.getElementById(router.$taroPath);
    _dom && setDom(_dom);
    // @ts-ignore
  }, [router.$taroPath]);
  return enable && dom ? createPortal(children, dom) : children;
};
export default RootPortal;