javascript - 期望一个赋值或函数调用,而是看到一个表达式 no-unused-expressions?
问题描述
import { Route, Redirect } from 'react-router-dom';
import React, { useContext } from 'react';
import AuthContext from '../contexts/AuthContext';
function PrivateRoute({ children, ...rest }) {
const auth = useContext(AuthContext);
return(
<Route
{...rest}
render={({ location }) => {
auth.token ? (
children
) : (
<Redirect
to={{
pathname: '/login',
state: { from: location },
}}
/>
)
}}
/>
)
}
export default PrivateRoute;
期望一个赋值或函数调用,而是看到一个表达式 no-unused-expressions。我做错了什么
13:13 出错
auth.token ? (
解决方案
您需要返回三元运算符。
return auth.token ? (
children
) : (
<Redirect
to={{
pathname: '/login',
state: { from: location },
}}
推荐阅读
- vpn - 连接到多个服务器的wireguard 1 客户端
- node.js - 将数据从 reactjs 发布到 nodejs 后如何从 nodejs 获得响应?
- php - 在 CodeIgniter 4 的“Tests\Support\UserDatabaseTest”类中找不到测试
- java - 如何从 Kotlin 的工具栏菜单中删除标题?
- android-studio - Android Kotlin:如何设置错误editext使用数据绑定和LiveData
- load - RealityKit:无法从 USDZ 文件加载实体
- elasticsearch - ES查询按parent_id分组
- css - Bootstrap 折叠侧边栏
- javascript - 调整不同纵横比的图像大小以适应 div 而不拉伸它
- javascript - 在反应中使用 json-server 存储数据