react.js render propsについて

Question

今していること

react.jsにてlogin済みuserしか見れないページを作成中

実現方法

参考サイトを参考にSwitch時にloginしていないとloginページに飛ばされるようなPrivateRouteを作成

困っていること

参考サイトを真似て実現はできた
→しかしrender props部分での質問有り
→詳細はコード内に記載

//App.jsでのswitch部分
<Switch>
  <PrivateRoute exact path="/create-profile" component={ CreateProfile } />
</Switch>

//PrivateRoute本体
import React from 'react';
import { Route, Redirect } from 'react-router-dom';
import { connect } from 'react-redux';
import propTypes from 'prop-types';

const PrivateRoute = ({component: Component, auth, ...rest}) => (
  <Route
    {...rest} //**①ここは何のため？？**
    render = {props => //**②propsはどこからどう何を引っ張ってきているのか？？**
      auth.isAuthenticated === true ? (
        <Component {...props} />
      ) : (
        <Redirect to="/login" />
      )
    }
  />
);

PrivateRoute.propTypes = {
  auth: propTypes.object.isRequired
}

const mapStateToprops = state => ({
  auth: state.auth
})

export default connect(mapStateToprops)(PrivateRoute);

コード内に記載した①、②が不明点です。
回答よろしくお願いいたします。

Answer 1

①<Route />に対し...restを展開しています。
②下記を参照してみてください。
https://reacttraining.com/react-router/core/api/Route/route-props

Comments

[kazoogon]

回答ありがとうございます。
match, location, historyなどpropsに含まれている情報をchild componentの<Route>にも渡しておこう
　→逆を言えばRoute側でこれらの情報をしようしないなら特に必要ない　ということですね？

[退会済みユーザー]

全く使用しないという事であればお考えの通りです。
ただし有用なAPIである事は確かなのでドキュメントを読んで判断ください。