Naming components created in a loop?

Question

I asked this once before, but none of the answers work in this case.
I am creating a series of components as children of a viewstack based on XML loaded.  I am looping through the XML and instancing a component for each node.
private function createSteps():void{
var stepNumber:uint = 1;
var numSteps:uint = dataXML.length;
        for each(var step:XML in dataXML){
var recipeStep:CyorStep = new CyorStep();
mainViewStack.addChild(recipeStep);
recipeStep.label = stepNumber +". "+ step.stepTitle;
recipeStep.itemChoicesList = step..item;
recipeStep.prompt.text = step.prompt;
recipeStep.stepCaption.text = step.bodyText;
recipeStep.stepTitle.text = step.stepTitle;
if (stepNumber == numSteps){
recipeStep.nextBtn.label = "FINISH";
recipeStep.addEventListener("GO_PREVIOUS",prevStep);
recipeStep.addEventListener("GO_NEXT",nextStep);
stepNumber++
The problem is all these objects have randomly generate names.  How can I assign each object a name as I instance it, as in:
var recipeStep1:CyorStep = new CyorStep();
var recipeStep2:CyorStep = new CyorStep();
and so on?

Answer 1

OK, close.  What I have done is created an array to hold them:
[Bindable]
public var stepModules:Array = [];
Then modified my creation loop like this:
private function createSteps():void{
var stepNumber:uint = 1;
var numSteps:uint = dataXML.length;
var recipeStep:CyorStep;
        for each(var step:XML in dataXML){
//var recipeStep:CyorStep = new CyorStep();
recipeStep = new CyorStep();
recipeStep.name = "recipeStep"+stepNumber.toString();
mainViewStack.addChild(recipeStep);
recipeStep.label = stepNumber +". "+ step.stepTitle;
recipeStep.itemChoicesList = step..item;
recipeStep.prompt.text = step.prompt;
recipeStep.stepCaption.text = step.bodyText;
recipeStep.stepTitle.text = step.stepTitle;
...etc...
stepModules.push(recipeStep);
stepNumber++;
        trace(stepModules[0].stepCaption.text);
This trace statement gives me the caption of the first item created, fine.  However, I have a datagrid that needs to be updated with the contents of the "drop" datagrid of the drag-n-drop in the component, so I tried setting its dataprovider to dataProvider="{stepModules[0].chosenList.dataProvider}" but I get nothing.  I can't figure out why, or if there's a step I need to do to get the dropped items to appear in the second grid as well as where they're dropped.