对象不可迭代无法读取属性 Symbol(Symbol.iterator)——React pdf

问题描述

我正在使用 React Pdf 渲染器库生成 pdf，但问题是当我使用上下文 api 而不是 prop 传递时，它显示 React 错误“对象不可迭代（无法读取属性 Symbol(Symbol.iterator))”

import React from "react";
import HomePage from "./components/Home/HomePage";
import GeneratorPage from "./components/generator/GeneratorPage";
import {
  browserRouter as Router,Switch,Route,} from "react-router-dom";
import ProviderComp from "./components/Store/Provide";
import { PDFViewer } from "@react-pdf/renderer";
import PdfIndex from "./components/PdfComp/PdfIndex";

function App() {
  return (
    <ProviderComp>
      <Router>
        <Switch>
          <Route path="/" exact>
            <HomePage />
          </Route>
          <Route path="/generator">
            <GeneratorPage />
          </Route>
          <Route path="/preview">
            <PDFViewer className="w-full h-full">
              <PdfIndex/>
            </PDFViewer>
          </Route>
        </Switch>
      </Router>
    </ProviderComp>
  );
}

export default App;

注意：Pdfviewer 是 react pdf 渲染库提供的内置组件。

PDF 索引组件

import React,{ useContext } from "react";
import { Document } from "@react-pdf/renderer";
import Template1 from "../Template/template1/Index";

function PdfIndex() {
  return (
    <Document>
      <Template1 size="A4" />
    </Document>
  );
}

export default PdfIndex;

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）