1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
next.js/bench/fixtures/basic/pages/css.js

24 lines
523 B
JavaScript
Raw Normal View History

2016-10-13 20:01:11 +00:00
import React, { Component } from 'react'
import { StyleSheet, css } from 'next/css'
export default class CrazyCSS extends Component {
spans () {
const out = []
for (let i = 0; i < 1000; i++) {
out.push(<span key={i} class={css(styles[`padding-${i}`])}>This is ${i}</span>)
}
return out
}
render () {
return <div>{this.spans()}</div>
}
}
const spanStyles = {}
for (let i = 0; i < 1000; i++) {
spanStyles[`padding-${i}`] = { padding: i }
}
const styles = StyleSheet.create(spanStyles)