У меня есть страница поиска, которая содержит вход, кнопку и будет отображать товары, когда поиск соответствует.После нажатия кнопки поиска моя панель навигации исчезла, но, насколько я проверял, другие функции по-прежнему работают хорошо.Кто-нибудь может указать, в чем проблема?
import React, {Component} from 'react';
import {productSearch } from '../actions';
import { connect } from 'react-redux';
class SearchResult extends Component {
onSearchBtnClick=()=>{
this.props.productSearch(this.refs.search.value)
}
selectedProduct(id){
cookies.set('SelectedProduct', id, { path: '/' });
}
renderItemList(){
// global state is mapped here
}
render() {
return(
<div>
<h1> SEARCH PAGE</h1>
<span>
<input type='text' ref='search' placeholder='Search Product'/>
<input type='button' value='Search' onClick={this.onSearchBtnClick}/>
</span>
<div>
{this.renderItemList()}
</div>
</div>
);
};
}
const mapStateToProps = (state) => {
const searchResult = state.searchResult
return {searchResult};
}
export default connect(mapStateToProps, {productSearch})(SearchResult);