Function leptos::Provider

pub fn Provider<T>(props: ProviderProps<T>) -> impl IntoView
where
    T: Clone + 'static,

Uses the context API to provide_context to its children and descendants, without overwriting any contexts of the same type in its own reactive scope.

This prevents issues related to “context shadowing.”

#[component]
pub fn App() -> impl IntoView {
    // each Provider will only provide the value to its children
    view! {
        <Provider value=1u8>
            // correctly gets 1 from context
            {use_context::<u8>().unwrap_or(0)}
        </Provider>
        <Provider value=2u8>
            // correctly gets 2 from context
            {use_context::<u8>().unwrap_or(0)}
        </Provider>
        // does not find any u8 in context
        {use_context::<u8>().unwrap_or(0)}
    }
}

Required Props

• value: [T]
  • The value to be provided via context.
• children: Children