Avoid passing children as props

문서 > Datadog 보안 > Code Security > Static Code Analysis (SAST) > SAST Rules > Avoid passing children as props

이 페이지는 아직 영어로 제공되지 않습니다. 번역 작업 중입니다.
현재 번역 프로젝트에 대한 질문이나 피드백이 있으신 경우 언제든지 연락주시기 바랍니다.

Metadata

ID: tsx-react/no-children-prop

Language: TypeScript

Severity: Warning

Category: Best Practices

Description

The children of a JSX element should appear as elements between the parent’s opening and closing tags, not as props in the opening tag. This rule enforces the use of children as an element.

Non-Compliant Code Examples

<div children='Children' />;

<MyComponent children={<AnotherComponent />} />;
<MyComponent children={['Child 1', 'Child 2']} />;

React.createElement("div", { children: 'Children' });

Compliant Code Examples

<div>Children</div>;
<MyComponent>Children</MyComponent>;
<MyComponent>
  <span>Child 1</span>
  <span>Child 2</span>
</MyComponent>;
React.createElement("div", {}, 'Children');
React.createElement("div", 'Child 1', 'Child 2');