Table of Contents generated with DocToc

• as

as

The as attribute is used with the <repeat> and <using> structural components to define a local variable. This variable can be used inside any JSX expressions within the element that defines it.

Here's an example of the as attribute being used with <repeat>:

import { ObservableArray } from "@twist/core";

var numbers = new ObservableArray;

var nodes = ['Zero', 'One', 'Two', 'Three', 'Four', 'Five', 'Six'];

export default <g>
    <button onClick={ () => numbers.push(Math.floor(Math.random() * 5) + 1) }> Roll </button>
    <br/>
    <repeat collection={ numbers } as={ number } >
       <div> { number } : { nodes[number] } </div>
    </repeat>
</g>;

NOTE: The as attribute is reserved (it has a special semantics), meaning that you shouldn't use it as an attribute name for a custom component - if you do, reactivity won't work as expected.