Function formatYieldChildren

component/DropDown.js:68–120

(children)

    },

    formatYieldChildren(children){
        let {labelName, searchable, valueName, placeHolder, multi, style, className} = this.props;
        const {filterText, value, open} = this.state;
        let nodes = [], tags = [];
        React.Children.map(children, item => {
            const props = item.props;
            const item_val = props[valueName];
            const item_label = props[labelName];
            let selected = false;
            if (multi) {
                const _index = value.indexOf(item_val);
                selected = _index !== -1;
                if(selected) tags[_index] = item_label;
            } else {
                selected = value === item_val;
                placeHolder = item_label;
            }
            
            if(this.getFilterStatus(filterText, item_label, item_val)) {
                nodes.push(this.formatOptionCell({ 
                    label: item_label, 
                    value: item_val, 
                    selected, 
                    children: props.children, 
                    disabled: props.disabled 
                }));
            }
        });

        let labelNode = null;
        if (multi) {
            labelNode = this.formatMultiInput(tags)
        } else {
            labelNode = searchable ? 
                this.formatSearchBar(placeHolder)
                : <DropDown.label onClick={() => this.toggleOpen(!open)}>
                    {placeHolder}
                </DropDown.label>
        }

        className = klassName('dropdown', className);

        if (open) {
            className = `${className} _active`;
        }

        return <div className={className} style={style}>
                    {labelNode}
                    <ul className="_list">
                        {nodes}
                    </ul>
                </div>;
    },

    formatLabelNode(labels){
        const {multi, searchable} = this.props;