How to create buttons from code that calls a method with the i variable from the for-loop?

I'm trying to generate a bunch of buttons in my UI based on the number on objects, I do this with a for-loop and register at method call to each button that uses the i variable from the for-loop as a parameter for the method. This works fine and as expected when using IMGUI in the inspector, like this:

(Note: these code examples are simplified for clarity)

Code (CSharp):

1. for (int i = 0; i < stages.Count; i++)
2. {
3.    if (GUILayout.Button(triggerEvent.name))
4.       mgn.PrepareStage(i);
5. }

However when I try to do this with UIElements it does not work because all buttons calls the method using the last i value, i.e. i is 10 for all eleven buttons as if I just had typed: mgn.PrepareStage(10);

Code (CSharp):

1. for (int i = 0; i < stages.Count; i++)
2. {
3.    Button prepareButton = stageElement.Q<Button>("prepare-button");
4.    prepareButton.text = triggerEvent.name;
5.    prepareButton.RegisterCallback<ClickEvent>((evt) =>
6.    {
7.       mgn.PrepareStage(i);
8.    });
9. }

How should I do this to get it to work?

Unity 2020.3.16f1 (built-in version av UIElements)

 

@jonathanma_unity Yes, that worked!
So before the variable i was passed as a reference so all buttons were reading from the same memory space, but by doing it like this instead the value is passed by value instead, so that they each get their own local copy?

 

@jonathanma_unity how would you go about the same issue, but with the RegisterValueChangedCallback?

I'm creating ObjectFields in a loop and need to know the index of the ObjectField that was changed. I can't use IndexOf(obj.previousValue) since some elements reference the same object. Lambda doesn't work in a loop, and the event doesn't contain any information about the 'sender' object.

 

I thought I already tried this, but maybe I got something wrong. I'll have another look again, thanks for the response.