노드 객체에 소품 추가

현재 구성 요소가 상위 노드에서 소품으로 노드를 수신하고 있습니다.노드 객체에 소품 추가

아이콘이 난 그냥

이 이

{this.props.icon가} 그 렌더링 얻을 추가 할 필요가 내 구성 요소의 내부 이제

<Icon src="...." description="..." />

같은 것을받을 곳의이

myComponent.propTypes = { 
    icon: PropTypes.node.isRequired, 
}

을 가정 해 봅시다 . 내가 필요로 무엇

는

<Icon src="...." description="..." color="#f00"/>

결과 내가를 myComponent 안에 할 필요가있는 방식으로, 해당 노드에 소품 색상 = "#의 F00"을 추가하는 것입니다. 그렇게하기위한 올바른 구문이 무엇인지 잘 모릅니다.

2016-10-02 Snick

무례한 것이 아니라 ... 정확히 무엇이 당신의 질문입니까? –

가능한 [{this.props.children}에게 소품을 전달하는 방법]의 복제본 (http://stackoverflow.com/questions/32370994/how-to-pass-props-to-this-props-children) –

@erik -sn '소품으로 전달 된 노드에 소품을 어떻게 추가합니까? – Snick

대신 렌더링 :

React.cloneElement(this.props.icon, { color: "#f00" });

또 다른 옵션은 Icon 구성 요소가 아닌 Icon 인스턴스를 전달하는 것입니다 당신이 props 매개 변수를 React.createElement을 할 수 있도록.

2016-10-02 16:27:42 Season

답변