1// Typical component with state-classes
2<ul className="todo-list">
3 {this.state.items.map((item,i)=>({
4<li
5 className={classnames({ 'todo-list__item': true, 'is-complete': item.complete })}>
6 {item.name}
7</li>
8 })}
9</ul>
10
11// Using inline-styles for state
12<li className='todo-list__item'
13 style={(item.complete) ? styles.complete : {}} />