cc.loader.loadResDir 加載後 該怎麼把它取出來使用?

cc.loader.loadResDir(“sprites”, function (err, wheelArr: cc.SpriteFrame[]) {
if(err)
{
console.log(err);
}
else{
console.log(wheelArr);
}
});
这样能显示出资料
可是我在按下button按钮时
console.log(wheelArr);
console.log(wheelArr[0]);
console.log(wheelArr.length);
this.view[“Panel/Wheel_01/symbol_1”].getComponent(cc.Sprite).spriteFrame = this.wheelArr[2];

都是空的呀 !!
那我要去变换图片该怎么做到
可否有人能写个小范例一下?
我写的是 typescript

public arr: cc.SpriteFrame[] = [];
public getArr() {
cc.loader.loadResDir(‘Texture’, cc.SpriteFrame, (err, assets: cc.SpriteFrame[]) => {
if (err) {
console.error(“加载错误”);
return;
}
for (let i: number = 0; i < assets.length; i++) {
this.arr[assets[i].name] = assets[i];
}
}
}