import Taro, {Component} from '@tarojs/taro';
import {Navigator} from '@tarojs/components';
import router from '../../router/index.js'

import './index.scss';
export default class SearchItem extends Component {
    constructor(props) {
        super(props);

        this.state = {};
    }

    static defaultProps = {
        list: []
    }

    goToList(item) {
      router.go('productList', {
        query: item.search_word
      });
    }

    render() {
        let {title, list} = this.props;

        return (
            <View className="search-item">
                <View className="title">{title}</View>
                {
                    list.map(item => {
                        return (
                            <View className="list-item" hover-class="none" key={item.order_by} onClick={this.goToList.bind(this, item)}>{item.search_word}</View>
                        )
                    })
                }
            </View>
        )
    }
}