How to render an empty node?

[Magicloud]

For example,. showing a message when it is set.

if let Some(msg) = self.message {
  node! {
    <div>{text(msg)}</div>
  }
} else {
  // What to do here?
}

[ivanceras]

You can either go with:

view_if(self.message.is_some(), {
  node! {
    <div>{text(self.message.unwrap())}</div>
  }
}

or

if let Some(msg) = self.message {
  node! {
    <div>{text(msg)}</div>
  }
} else {
  <span></span>
}

[Magicloud]

view_if could be tricky. The first parameter being false does not prevent the second parameter from being executed. When unwrap outside (before) node, the whole thing panic when message is None.

[ivanceras]

@Magicloud there is also lazy_view_if. I've added this for the same usage as what you are doing.

[Magicloud]

Cool. Thanks.

[flosse]

Is there a way to map an Option<Node<M>> to Node<M>? That would be very nice for different situations.
Also Vec<Node<M>> would be nice:

fn foo(mdl: &Mdl) -> Node<M> {
   vec![ ] // would be empty
}

[ivanceras]

You can try node_list

fn foo(mdl: &Mdl) -> Node<M> {
   node_list([]) // would be empty
}

[flosse]

Thanks for your fast reply! 🙏

[vjackson725]

node! { <> </> }

also appears to create up an empty node work. I'm not sure what the non-macro version would be.