Yew: Document plain text node interpolation

Created on 23 Jun 2018  路  2Comments  路  Source: yewstack/yew

The html! macro errors out with really quite simple code.

For example:

no rules expected the token "stack"

        html! {
            <div>

                <form>
                    <div>
                        <label>User</label>
                        <input
                            type="text",
                            value=self.user,
                            onchange=|e| Message::UserChanged(e.value),
                        />
                    </div>

                    <div>
                        <label>Password</label>
                        <input
                            type="password",
                            value=self.user,
                            onchange=|e| Message::PasswordChanged(e.value),
                        />
                    </div>

                </form>
            </div>
        }

Most helpful comment

Ah ok, plain text nodes need to use interpolation syntax.

That should really be documented somewhere.

All 2 comments

These are all I can spot out

        html! {
            <div>

                <form>
                    <div>
                        <label>{ "User" }</label> // Change here
                        <input
                            type="text",
                            value=self.user,
                            onchange=|e| Message::UserChanged(e.value),
                        />
                    </div>

                    <div>
                        <label>{ "Password" }</label>  // Change here
                        <input
                            type="password",
                            value=self.user,
                            onchange=|e| Message::PasswordChanged(e.value),
                        />
                    </div>

                </form>
            </div>
        }

Ah ok, plain text nodes need to use interpolation syntax.

That should really be documented somewhere.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

FrontMage picture FrontMage  路  4Comments

wldcordeiro picture wldcordeiro  路  4Comments

djahandarie picture djahandarie  路  3Comments

nixpulvis picture nixpulvis  路  4Comments

Boscop picture Boscop  路  4Comments