Pass KeyedSubfield to a component

[mahdi739]

How can we pass a KeyedSubfield to a component? What should we write as its type in the function's signature.
Consider we have this struct in our store:

pub struct Session {
  pub title: String,
  #[store(key: DateTime<Local> = |chat_entry| chat_entry.date_added)]
  pub chats: Vec<ChatEntry>,
}

And we want to send the chats to this component:

#[component]
pub fn Chats(#[prop(into)] chats: ???) -> impl IntoView {
  view! {
      <For each=move || chats key=|chat| chat.date_added() let(chat)>
       . . .
      </For>
  }
}

[tqq1994516]

I think this example can be helpful to you: https://github.com/leptos-rs/leptos/blob/main/examples/stores/src/lib.rs

[mahdi739]

Thanks, but this example doesn't include what I want. I want to pass the keyed iterator itself to a component.

[gbj]

rust-analyzer can give you the whole concrete type if you do something like let x = session.chats(); and hover on x, and then you can use that type. For example, in the stores example:

#[component]
fn Todos(
    store: Store<Todos>,
    todos: KeyedSubfield<Store<Todos>, Todos, usize, Vec<Todo>>,
) -> impl IntoView {
    view! {
        <For
            each=move || todos
            key=|row| row.id().get()
            let:todo
        >
            <TodoRow store todo/>
        </For>
    }
}

There may be a way to express this using generics as well, but I played around a little and didn't find a good one.

[mahdi739]

Thank you. My mistake was that I hovered the mouse over the function itself, and it showed a type containing AnyStoreField, which I think is a trait generated by the store macro.