（ルートによって作成された）Componentがinst.renderを与えるが、関数エラー

Question

ではありません、私は次のようにコンポーネントをレンダリングしようとPrivateRouteコンポーネントを持っていますこのような：

<PrivateRoute loggedIn={!!token} path="/user" component={User} />

タイトルに誤りがあります。私はどこに間違って行くことができるのだろうか？

ありがとうございます。

Answer 1

あなたがcomponentとしてPrivateRouteに渡されたコンポーネント解凍しています

const PrivateRoute = ({ component, loggedIn, ...rest }) => (
         // HERE^

をしかし、あなたはそれをレンダリングするためにreactから輸入されたComponentを（資本Cに注意してください）を使用します。

<Component {...props} /> 

そして、その輸入Componentは、任意のrenderメソッドを持っていません。したがって、あなたが得るエラー。あなたは、次のようなあなたのアンパックcomponentの名前を変更する必要があります修正するには

：

const PrivateRoute = ({ component: Comp, loggedIn, ...rest }) => (
           // HERE^
    <Route 
    {...rest} 
    render={props => 
     loggedIn ? (
     <Comp {...props} /> 
    // HERE^
    ) : (
     <Redirect 
      to={{ pathname: "/login", state: { from: props.location } }} 
     /> 
    ) 
    } 
    /> 
);