React 라우팅에서의 우선순위

Route 컴포넌트에서 render, component, children 가 함께 사용될 때 우선순위는 아래와 같다.

children > component > render

예) 아래와 같이 라우트가 정의될 때 우선순위는 C > B > A

import React from 'react'
import {Route} from 'react-router-dom'

const A = () => <div>A</div>
const B = () => <div>B</div>
const C = () => <div>C</div>

export default function () {
  return (
    <Route render={() => <A />} component={B}>
      <C />
    </Route>
  )
}

지금은 프로젝트에 치여 살고 있기에.. 나중에 내용을 추가하도록 하겠다