passing properties into Components

[mzimmers]

Hi all -

I'm trying to pass information into a component:

import QtQuick
import QtQuick.Controls
import QtQuick.Layouts

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    RowLayout {
        id: rowLayout
        anchors.fill: parent
        Loader {
            sourceComponent: component
            property string order: "first"
        }
        Loader {
            sourceComponent: component
            property string order: "second"
        }
    }
    Component {
        id: component
        Pane {
            id: innerPane
            height: 100; width: 100
            property string order
            Label {
                text: innerPane.order
            }
        }
    }
}

It builds and runs without error, but no text displays.
Is there a way to do this?

Thanks...

[Bob64]

I think the issue is that you expect to be using the order property you have defined in your Loader but you have also declared an uninitialised order property in your Component which will hide the order defined in the Loader. If you didn't have the order property in your Component, you would simply be able to refer to order (not innerPane.order) as it would be inherited from the context provided by Loader.