ComponentsWithRenderProps

ComponentsWithRenderProps.jsx

const ComponentsWithRenderProps = () => (
<ComponentA value={'Value'}>
    {({ data, doSomethingWithComponentA }) => (
    <ComponentB value={'B-value'}>
        {something => (
        <ComponentC
            data={data}
            something={something}
            onAnotherThing={doSomethingWithComponentA}
        />
        )}
    </ComponentB>
    )}
</ComponentA>
);

ComponentsWithRenderProps.swift

import SwiftUI

func ComponentsWithRenderProps() -> some View {
    ComponentA(value: "Value") { (data, doSomethingWithComponentA) in
        ComponentB(value: "B-value") { (something) in
            ComponentC(
                data: data,
                something: something,
                onAnotherThing: doSomethingWithComponentA
            )
        }
    }
}

/// No idea about ComponentB or C
struct ComponentA<RenderProp: View>: View {
    @State var value: String
    let renderProp: (Data, @escaping (String) -> Void) -> RenderProp
    
    var body: some View {
        renderProp(value.data(using: .ascii)!, { self.value = $0 })
    }
}

/// No idea about ComponentA or C
struct ComponentB<RenderProp: View>: View {
    @State var value: String
    let renderProp: (String) -> RenderProp
    
    var body: some View {
        renderProp(value)
            .onAppear { self.value = "B didAppear" }
            .onDisappear { self.value = "B didDiappear" }
    }
}

/// No idea about ComponentA or B
struct ComponentC: View {
    let data: Data
    let something: String
    let onAnotherThing: (String) -> Void
    
    var body: some View {
        EmptyView()
    }
}

let v = ComponentsWithRenderProps().body.body