File tree Expand file tree Collapse file tree 1 file changed +5
-13
lines changed
Expand file tree Collapse file tree 1 file changed +5
-13
lines changed Original file line number Diff line number Diff line change @@ -115,7 +115,7 @@ Defaults to port `4444`, check the localhost:4444 to view the library usage
115115``` javascript
116116import React , { PropTypes } from " react" ;
117117import { noop } from " lodash" ;
118- import SelectItem from " react-select-item" ;
118+ import { Select as SelectItem } from " react-select-item" ;
119119
120120export default class MultiSelectFilter extends React .Component {
121121
@@ -140,11 +140,6 @@ export default class MultiSelectFilter extends React.Component {
140140 className: " "
141141 };
142142
143- /**
144- * Component constructor
145- * The component is depended from Bootstrap 3.x (styles only)
146- * @param props
147- */
148143 constructor (props ) {
149144 super (props);
150145 this .state = {
@@ -162,17 +157,14 @@ export default class MultiSelectFilter extends React.Component {
162157 < div className= {this .props .wrapperClassName }>
163158 < div className= " form-group" >
164159 < label> {this .props .label }< / label>
165- < SelectItem label = {this .props .label }
160+ < SelectItem placeholder = {this .props .label }
166161 onChange= {this .handleMultiChange }
167162 value= {this .state .values }
168163 closeText= {false }
169164 className= " form-control"
170- multiple= {true }>
171- { this .props .options .map ((item , index ) => (
172- < option key= {index} value= {item}> {item .name }< / option>
173- )
174- )}
175- < / SelectItem>
165+ multiple= {true }
166+ options= {this .props .options }
167+ / >
176168 < / div>
177169 < / div>
178170 );
You can’t perform that action at this time.
0 commit comments