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

您缺少几件事。首先，您需要从BrowserRouter导入Router或react-router-dom。然后您需要退回路由器。

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时，您需要使用括号而不是括号，因为您的函数具有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

如何解决此问题预期的赋值或函数调用，而是看到一个表达式no-unused-expressions

2 个答案: