ReactJS : 구성 요소의 정적 기능으로 소품 만들기

Question

사이드 바를 포함하여 전체 웹 사이트 레이아웃을 제공하는 상위 구성 요소가 있습니다. 이 사이드 바에는 구성 요소에서 제공하는 일부 정적 요소 (예 : 로고, 홈 버튼, 임프린트 및 면책 조항)와 일부 동적 인 내용이 포함되어 있습니다.

const HtmlSkeleton = (ComposedComponent) => { 
    class Wrapper extends Component { 
     [...] 
     render() { 
      return (
       <div> 
        <Sidebar content={ComposedComponent.getSidebarContent()} /> 
        <Header /> 
        <Content> 
         <ComposedComponent {...this.props} /> 
        </Content> 
        </Footer /> 
       </div> 
      ) 
     } 
    } 

    return connect(...)(Wrapper) 
} 

그러면 그 HOC 의해 구성된다 일부보기/용기 가지고

class View extends Component { 
    static getSidebarContent =() => { 
     // how to access someFunction?!? 

     return [...some stuff depending on props. How do I have access?] 
    } 
    constructor(props) { 
      [....] 
    } 
    [...] 
    someFunction =() => { [....] } 
    render() { 
     this.someFunction() 
     [...] 
    } 
} 
export default connect(....)(HtmlSkeleton(View)) 

(연결 인 반응-REDUX하지만 경우에 중요하지 않음)에서

아니면 내가 볼 수없는 일종의 구성 요소로 레이아웃을 유지할 다른 가능성이 있습니까? 기본 HTML은 어디에 보관합니까? 저는 react-router, react-redux 및 redux-saga를 사용하고 있습니다.

<Sidebar content={ComposedComponent.getSidebarContent(this.props)} /> 

을 그리고 함수에서 그들을 검색 :

Answer 1

당신은 직접 getSidebarContent에 소품을 통과 할 수

class View extends Component { 
    static getSidebarContent = (props) => { 
     return ... 
    } 
    [...] 
}