2

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参照が警告を保証する理由がわかりません。警告の正当な理由と、他にどのように望ましい結果を実行するのか疑問に思います。

4

1 に答える 1