绑定元素“组件”隐式具有“任何”类型.ts [重复]

Posted 2023-02-22

【中文标题】绑定元素“组件”隐式具有“任何”类型.ts [重复]

【英文标题】：Binding element 'Component' implicitly has an 'any' type.ts [duplicate]

【发布时间】：2019-12-13 19:03:31

【问题描述】：

这里是新手。我对以下代码有疑问。我想定义一个受保护的“仪表板”页面，如下所示，但是给了我这个绑定错误：

Binding element 'Component' implicitly has an 'any' type.ts(7031)


import * as React from "react";
import  Route, Router, Redirect  from "react-router-dom";
import Dashboard from "../features/dashboard";
import LoginContainer from "../features/login/containers/LoginContainer";
import SignUpContainer from "../features/signup/containers/SignUpContainer";
import  createBrowserHistory  from "history";

const history = createBrowserHistory();

export default () => (
  <Router history=history>
    <Route path="/" component=LoginContainer />
    <Route path="/login" component=LoginContainer />
    <Route path="/register" component=SignUpContainer />

    <PrivateRoute path="/dashboard" component=Dashboard />
  </Router>
);

function PrivateRoute( component: Component, ...rest ) 
  return (
    <Route
      ...rest
      render=props =>
        localStorage.getItem("MyStoredUser") ? (
          <Component ...props />
        ) : (
          <Redirect
            to=
              pathname: "/login"
            
          />
        )
      
    />
  );

基本上我使用的代码与此处相同：Protected routes and authentication with React Router v4 和 eact Router - Redirects

我做错了什么？

【参考方案1】：

您还没有定义任何类型，并且您显然已将 typescript 配置为禁止隐含任何参数。您需要添加类型以满足打字稿编译器：

import * as React from 'react';
import Route, Router, Redirect, RouteProps from 'react-router';

const PrivateRoute: React.FC<RouteProps> = ( component: Component, ...rest ) => 
  return (
    // ... etc
  );