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

【问题标题】：Expected an assignment or function call and instead saw an expression no-unused-expressions jsreact期望一个赋值或函数调用，而是看到一个表达式 no-unused-expressions jsreact
【发布时间】：2020-12-10 01:06:54
【问题描述】：

router.js 代码在这里

import  React from 'react';
import { Route } from 'react-router-dom';
import CommentList from './containers/commentview';

const BaseRouter = () =>{
<div>
    <Route exact='/' component={CommentList}/>
</div>
}
export default BaseRouter;

此处为 App.js 代码

import React , {Component} from 'react';
import 'antd/dist/antd.css';
import CustomLayout from './containers/Layout';
import BaseRouter from './router';
import {BrowserRouter as Router} from 'react-router-dom';
class App extends Component {
render(){
return (
  <div className="App">
    <Router>
      <CustomLayout>
        <BaseRouter/> 
      </CustomLayout>
    </Router>
  </div>
 )

 }
 }

 export default App;

此处出错

./src/router.js 第 6:5 行：期望一个赋值或函数调用，而是看到一个表达式 no-unused-expressions

【问题讨论】：

标签： javascript reactjs react-router-dom

【解决方案1】：

您没有从路由器组件返回任何内容。看起来您设置为期望它是一个隐式返回，但它没有使用正确的语法。你可以用这样的隐式返回来做到这一点：

const BaseRouter = () => ( // Notice no "{}", just use parenthesis
  <div>
    <Route exact='/' component={CommentList}/>
  </div>
);

或显式返回：

const BaseRouter = () => { // using "{}"
  return ( // Manually return the JSX
    <div>
      <Route exact='/' component={CommentList}/>
    </div>
  );
}

【讨论】：

感谢我在发布后想通了感谢您的回答。

【解决方案2】：

试试这个

 <Route exact path='/' component={CommentList}/>

或

<Route exact path="/">
        <CommentList />
      </Route>

我错过了回报，我的错

【讨论】：