selectron-react/src/javascript/SelectMultiTrigger.js

A select replacement component built with & for React

import React from 'react'
import SelectMultiItem from './SelectMultiItem'

class SelectMultiTrigger extends React.Component {

  render() {
    return (
      <div className="selectron__trigger" {...this.props} ref={node => { this.button = node }} tabIndex="0">
        { this.props.value && this.props.value.map(item => (
          <SelectMultiItem key={ item.value } onChange={ this.props.onChange } item={ item } />
        ))}
        { !this.props.value &&
          <span>{ this.props.placeholder }</span>
        }
      </div>
    )
  }

}

export default SelectMultiTrigger