기본 인스턴스로 구성 요소 인스턴스

Question

구성 요소가 버튼 구성 요소에 전달되거나 구성 요소에서 생성 된 인스턴스에 기본값을 허용하려고합니다.

내가이 같은 구성 요소를 가지고 말 :

const Form = ({ submitButton, children }) => 
    <form> 
    {childrem} 
    {submitButton || <OtherComponent/>} 
    </form> 

내가 어떻게 이것을 달성 할 수 있습니까?

Answer 1

당신은 소품에 버튼 구성 요소를 통과하고 단순히 jsx에서 사용할 수 있습니다 :

const Form = ({ SubmitButtonComponent = OtherComponent, children }) => 
    <form> 
    {children} 
    <SubmitButtonComponent/> 
    </form> 

이 정상적으로 :이 ES2015 기본 함수 매개 변수에 대한 좋은 사용 사례가 될 것이라고 생각

const Form = ({ SubmitButtonComponent, children }) => 
    <form> 
    {childrem} 
    {SubmitButtonComponent ? <SubmitButtonComponent /> : <OtherComponent />} 
    </form> 

Answer 2

위에 주어진 대답과 의미 상 동일해야합니다.