如何解决这个 期望赋值或函数调用，而是看到一个表达式 no-unused-expressions

Question

问题 ：

./src/components/main.js 第 7 行：期望赋值或函数调用，但看到的是表达式 no-unused-expressions

搜索关键字以了解有关每个错误的更多信息。

import React from 'react';
import { Switch, Route } from 'react-router-dom';
import LandingPage from './landingpage'

const Main = () => {
   <Switch>
      <Route exact path="/" component={LandingPage}/>
   </Switch>
}

export default Main;

我该如何解决这个问题，请帮帮我

Answer 1

你错过了几件事。 首先，您需要从react-router-dom导入BrowserRouter或Router 。 你需要归还你的路由器。

import React from 'react';
import { Switch, Route, BrowserRouter } from 'react-router-dom';
import LandingPage from './landingpage'

const Main = () => {
   return(
     <BrowserRouter>
       <Switch>
         <Route exact path="/" component={LandingPage}/>
       </Switch>
     </BrowserRouter/>
   )
}

export default Main;

Answer 2

只需将括号大括号更改为括号即可。 当您在函数内部编写 JSX 时，您需要使用括号而不是 Bracket，因为您的函数具有 JSX。 {}=>()

import React from 'react';
import { Switch, Route } from 'react-router-dom';
import LandingPage from './landingpage'

const Main = () => (
   <Switch>
      <Route exact path="/" component={LandingPage}/>
   </Switch>
)

export default Main