为什么＆n; n更新树的默认检查节点？

Question

我有一个组件在其自身内部使用Tree组件，它应该在从服务器获取一些键并在树中显示已检查的键后更新。该组件如下：

＆＃13;

＆＃13;

const AccessTree = ({ urls, models, onCheck, checkedKeys }) => {
  console.log('checked keys:=>', checkedKeys);
  return (
    <Tree
      defaultCheckedKeys={checkedKeys}
      onCheck={node => onCheck(node)}
      defaultExpandedKeys={["something"]}
      checkable>
      <TreeNode
        title={'something'}
        key="auth">
        {models.map(model => {

          return (
              <TreeNode title={model} key={model}>
                {urls[model].map(item =>
                  {
                    return (
                      <TreeNode title={item.method} key={item.id}/>
                    )
                  }
                )}
              </TreeNode>
          )
        })}
      </TreeNode>
    </Tree>
  );
}

＆＃13;

＆＃13;

＆＃13;

我看到已检查的键数组已在控制台内记录了四次：

＆＃13;

＆＃13;

checked keys:=> []
checked keys:=> []
checked keys:=> ['efefefadcasd2323', 'saswdwdwfeewf']
checked keys:=> ['efefefadcasd2323', 'saswdwdwfeewf']

＆＃13;

＆＃13;

＆＃13;

我希望在从服务器获取密钥后检查树节点。

Note:提取后的密钥已存储在redux内，第二次打开AccessTree组件时，它已使用已检查的密钥进行呈现。