関数が常に未定義を返すのはなぜですか？

debugcn 投稿 Dev

E1-XP

ネストされたオブジェクトを検索する関数を作成しました。問題はundefined、コンソールに正しく記録されている期待される結果の代わりに返されることです。そこで何が起こっているのですか？

const in1 = [1, 2];
const in2 = [1, 2];

const vDOM = {
  1: {
    ref: in1,
    children: {
      2: {
        ref: in2,
        children: {}
      }
    }
  }
}

const findVDOMNode = function(instance, vDOM) {
  const keys = Object.keys(vDOM);
  const foundKey = keys.find(key => vDOM[key].ref === instance);

  //console.log(foundKey, vDOM, "FK");

  if (!keys.length) {
    console.log('no keys');
    return;
  }
  if (foundKey) {
    console.log('found', vDOM[foundKey]);
    return true; //vDOM[foundKey];
  };

  keys.map(key =>
    findVDOMNode(instance, vDOM[key].children));
}

console.log('res: ', findVDOMNode(in2, vDOM));

実例：https：//stackblitz.com/edit/js-dapzsy

ニーナ・ショルツ

return最後に追加するだけです。

return keys.map(key =>
    findVDOMNode(instance, vDOM[key].children));

オブジェクトの値を取得して、インスタンスと照合することができます。オブジェクトが見つかった場合は、そのオブジェクトも確認してください。someインスタンスが見つかった場合、短絡で繰り返し使用する場合。

const
    in1 = [1, 2],
    in2 = [1, 2],
    vDOM = { 1: { ref: in1, children: { 2: { ref: in2, children: {} } } } },
    findVDOMNode = (instance, vDOM) => Object
        .values(vDOM)
        .some(v => v === instance
            || v && typeof v === 'object' && findVDOMNode(instance, v)
        );
  
console.log('res: ', findVDOMNode(in2, vDOM));

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]