路线功能删除 react.js 中的所有显示项目

Question

我有一个正在处理的 React js 项目，每当我放置这段代码（这是我的网站所必需的）时：

<Route path='/contractor/:id' component={ContactorInfoScreen}/>
<Route path='/' exact={true} component={HomeScreen}/>

所有的文字、图片等都从我的页面上消失了。我已确保已从正确的文件路径导入所有必需的项目。这些是我导入的东西：

import logo from './logo.svg';
import data from './data';
import { BrowserRouter, Route } from 'react-router-dom';
import './App.css';
import HomeScreen from './screens/HomeScreen';
import ContractorInfoScreen from './screens/ContractorInfoScreen';

是否可能还有其他我需要导入但尚未导入的项目？

Answer 1

您的 Html...

中的组件 ContractorInfoScreen 的名称似乎有错字

这个

<Route path='/contractor/:id' component={ContactorInfoScreen}/>

应该是

<Route path='/contractor/:id' component={ContractorInfoScreen}/>

Answer 2

component={ContractorInfoScreen}

有错别字

Answer 3

找到了我的问题的答案。我需要在终端中运行这个：

npm install react-router-dom@5.3.0

我已经安装了 react-router-dom，只是不是最新版本。

感谢任何人提供的所有帮助。非常感谢

路线功能删除 react.js 中的所有显示项目

Route function removes all displayed items in react.js

javascript

web

reactjs

react-router-dom