Avoid passing children as props このページは日本語には対応しておりません。随時翻訳に取り組んでいます。
翻訳に関してご質問やご意見ございましたら、
お気軽にご連絡ください 。
このルールを試す 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' );
Seamless integrations. Try Datadog Code Analysis