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

【问题标题】：how to solve this Expected an assignment or function call and instead saw an expression no-unused-expressions如何解决这个期望一个赋值或函数调用，而是看到一个表达式 no-unused-expressions
【发布时间】：2019-09-29 06:10:02
【问题描述】：

问题：

./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;

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

【问题讨论】：

刚刚给你写了一个答案，如果你有任何问题，请告诉我:)

标签： javascript node.js reactjs

【解决方案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;

【讨论】：

【解决方案2】：

只需将大括号更改为括号。当您在函数内编写 JSX 时，您需要使用括号而不是括号，因为您的函数具有 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

【讨论】：