小编Uke*_*ken的帖子

我和一个朋友正在开发一个小型反应原生应用程序。他最近将 Es-lint 和 prettier 添加到了项目中，但我遇到了一个导入错误，此后一直无法解决。

从反应本机的任何导入都会显示以下错误

模块“C：/Users/Brendan/projects/garden-manager-native/node_modules/@types/react-native/index”导入模块'react-native'中的解析错误：';' 预期的。(14:32)eslintimport/命名空间。

我在 package.json 中有以下依赖项：

  "dependencies": {
    "@expo/vector-icons": "^13.0.0",
    "@react-native-async-storage/async-storage": "~1.15.0",
    "@react-navigation/bottom-tabs": "^6.0.5",
    "@react-navigation/native": "^6.0.2",
    "@react-navigation/native-stack": "^6.1.0",
    "@reduxjs/toolkit": "^1.8.0",
    "date-fns": "^2.28.0",
    "expo": "~44.0.0",
    "expo-asset": "~8.4.6",
    "expo-camera": "~12.1.2",
    "expo-cli": "^5.3.0",
    "expo-constants": "~13.0.1",
    "expo-file-system": "~13.1.4",
    "expo-font": "~10.0.4",
    "expo-linking": "~3.0.0",
    "expo-splash-screen": "~0.14.1",
    "expo-status-bar": "~1.2.0",
    "expo-updates": "~0.11.7",
    "expo-web-browser": "~10.1.0",
    "normalizr": "^3.6.2",
    "react": "17.0.1",
    "react-dom": "17.0.1",
    "react-hook-form": "^7.28.1",
    "react-native": "0.64.3",
    "react-native-calendars": "^1.1283.0",
    "react-native-elements": "^3.4.2",
    "react-native-safe-area-context": "^3.3.2",
    "react-native-screens": "~3.10.1",
    "react-native-timeline-flatlist": "^0.8.0",
    "react-native-vector-icons": "^9.1.0",
    "react-native-web": "0.17.1",
    "react-redux": "^7.2.6",
    "redux-persist": "^6.0.0"
  }, …

我创建了一个小型 React 应用程序来测试 React PDF。

单击下载链接后，它会按预期创建 pdf。我的问题是，我创建了一个由无序列表和三个列表项组成的显示组件，但它无法正确显示列表。

它按照我的预期从 App.js 渲染，但是当我打印 PDF 时，它会将列表混合成连续的行。

我尝试了不同的样式，放置组件和一堆其他方法都无济于事。

是否可以使用 React PDF 实现我想要的样式？

如果是这样，任何建议将非常受欢迎。

应用程序.js

import './App.css';
import { MyDocument } from './pdf';
import { PDFDownloadLink } from '@react-pdf/renderer';
import { Display } from './display';




function App() {
  return (
    <div className="App">
      {<PDFDownloadLink document={<MyDocument />} fileName="somename.pdf">
        {({ blob, url, loading, error }) =>
          loading ? 'Loading document...' : 'Download now!'
        }
      </PDFDownloadLink>}
      <Display />
    </div>
  );
}

export default App;

显示.js

export function Display() {
    return …