"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > PROPS를 효율적으로 전달합니다. Props.Children 방법

PROPS를 효율적으로 전달합니다. Props.Children 방법

2025-04-13에 게시되었습니다
검색:866

How to Efficiently Pass Props to this.props.children in React?

소품을 {this.props.children}

소개

에 사용하고 싶을 수 있습니다. 그들에게 속성.

새로운 소품으로 어린이를 복제하는



한 가지 방법은 react.children을 사용하여 어린이를 반복하고 각 요소를 react.clonelement를 사용하여 새로운 소품으로 복제하는 것입니다. 그러나이 방법은 잠재적 코드 취약성으로 인해 권장되지 않습니다.


const child = ({childname, sayhello}) => (
console.log(`Hello from ${childName} the child`);
;

; }) {

function sayhello (childname) {

console.log (`hello from {hello from {childname} the child` (React.isvalidlement (child)) { return React.cloneelement (child, {sayhello}); } return child;
if (React.isValidElement(child)) {
  return React.cloneElement(child, { sayHello });
}
return child;
});

return

{childrenwithProps}
; 부모>
);

}

reftdom.render (, gutod.getElementByid ( "container")); 대안 :
if (React.isValidElement(child)) {
  return React.cloneElement(child, { sayHello });
}
return child;


Hoisting State

[&&)

최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3