eslint-plugin-testing-libraryを正常にインストールして使用overrides
したので、テスト ファイルのコードについてのみ警告が表示されます。
ただし、Avoid direct Node access. Prefer using the methods from Testing Library.
次のコードについては文句を言いますprops.children
。
子またはデフォルト ノードを挿入できるようにしたい。
return (
<>
{ // Other elements here. }
{'children' in props ? (
props.children
) : (
<MyComponent {...props} disabled={disabled} />
)}
</>
)
このコードの何が問題になっていますか? props がノード アクセスと見なされるのはなぜですか? 警告を満たすためにどのように変更すればよいですか? 追加するだけ// eslint-disable-next-line testing-library/no-node-access
ですか?
Edit:
これはテストファイルにあります。メインコードと同じように要素を作成しています。props.children
参照が警告を保証する理由がわかりません。警告の正当な理由と、他にどのように望ましい結果を実行するのか疑問に思います。