diff --git a/example/index.js b/example/index.js index 04b4dd3..d3e25cc 100644 --- a/example/index.js +++ b/example/index.js @@ -10,6 +10,7 @@ class Example extends React.Component { emojiSize: 24, perLine: 9, skin: 1, + native: false, set: 'apple', hidden: false, } @@ -17,11 +18,16 @@ class Example extends React.Component { handleInput(e) { var { currentTarget } = e, - { value } = currentTarget, + { value, type, checked } = currentTarget, key = currentTarget.getAttribute('data-key'), state = {} - state[key] = parseInt(value) + if (type == 'checkbox') { + state[key] = checked + } else { + state[key] = parseInt(value) + } + this.setState(state) } @@ -76,6 +82,7 @@ class Example extends React.Component {
emojiSize={{this.state.emojiSize}}
perLine={{this.state.perLine}} {this.state.perLine < 10 ? ' ' : ' '}
skin={{this.state.skin}} +
native={{this.state.native ? 'true' : 'false'}}{this.state.native ? ' ' : ''}
set='{this.state.set}'
onClick={(emoji) => console.log(emoji)}
/> @@ -86,6 +93,7 @@ class Example extends React.Component { emojiSize={this.state.emojiSize} perLine={this.state.perLine} skin={this.state.skin} + native={this.state.native} set={this.state.set} onClick={(emoji) => console.log(emoji)} />