[REACTJS] Reactjs -`경로에서 render``대 component`

Reactjs -`경로에서 render``대 component`

해결법

1. ---

   1.당신이 구성 요소 소품에 구성 요소를 통과 할 때, 구성 요소는 props.match.params 객체, 즉 props.match.params.username 귀하의 예제에서의 경로 매개 변수를 얻을 것이다 :

   당신이 구성 요소 소품에 구성 요소를 통과 할 때, 구성 요소는 props.match.params 객체, 즉 props.match.params.username 귀하의 예제에서의 경로 매개 변수를 얻을 것이다 :

   class ProfileComponent extends React.Component {
     render() {
       return <div>{this.props.match.params.username}</div>;
     }
   }
   

   렌더링 소품을 사용하는 경우, 경로 매개 변수는 렌더링 함수에 주어진 소품을 통해 액세스 할 수 있습니다 :

   <Route
     exact
     path='/u/:username/'
     render={(props) => 
       <ProfileComponent username={props.match.params.username}/>
     }
   />
   

   당신은 일반적으로 구성 요소 소품이 구성 요소에 추가 소품에 전달하는 실제 방법을 제공하지 않기 때문에 당신이 당신의 경로를 포함하는 구성 요소에서 일부 데이터를 필요로 할 때이 소품 렌더링 사용합니다.

from https://stackoverflow.com/questions/51226685/reactjs-component-vs-render-in-route by cc-by-sa and MIT license