Cannot use `for in` in html! macro

[itsgreggreg]

Description

I'm submitting a ...

• bug report

Cannot use for in in html! macro

        html! {
            <div>
            { for x in 1..10 {
                html!{
                  <p>{ format!("{}", x) }</p>
                }
              }
            }
            </div>
        }

Expected Results

<p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p><p>8</p><p>9</p>

Actual Results

error: unexpected token
  --> src/lib.rs:24:20
   |
24 |             { for x in 1..10 {
   |                     ^^
error: aborting due to previous error

Context (Environment)

• Rust: rustc 1.36.0 (a53f9df32 2019-07-03)

• yew: master

• target: whatever cargo-web defaults to on mac

• cargo-web: cargo-web 0.6.26

[jstarry]

Thanks for the issue! The parser issue is related to https://github.com/yewstack/yew/issues/606

As for your code sample, using a for loop is not a valid approach. I think you want something like this (untested):

html! {
  <div>
    { for (1..10).map(|x| html! { <p>{ format!("{}", x) }</p> }) }
  </div>
}

Once #606 is fixed, the for will not be necessary:

html! {
  <div>
    { (1..10).map(|x| html! { <p>{ format!("{}", x) }</p> }) }
  </div>
}

[jstarry]

Closing in favour of #606 but feel free to re-open if you have any more troubles!