yapi/client/containers/News/NewsList/NewsList.js
2017-08-10 21:20:57 +08:00

83 lines
1.5 KiB
JavaScript

import React, { Component } from 'react'
import { connect } from 'react-redux'
import PropTypes from 'prop-types'
import { Menu } from 'antd'
import {
fetchNewsData
} from '../../../reducer/modules/news.js'
const logList = [{
name: '用户'
},{
name: '分组'
},{
name: '接口'
},{
name: '项目'
}];
@connect(
state => {
// console.log(state);
return {
uid: state.user.uid + "",
newsData: state.news.newsData
}
},
{
fetchNewsData
}
)
class NewsList extends Component {
static propTypes = {
fetchNewsData: PropTypes.func,
setLoading: PropTypes.func,
uid: PropTypes.string
}
constructor(props) {
super(props)
this.state = {
selectedKeys: 0
}
}
getLogData(e){
// page,size,logId
// console.log(e.key);
this.setState({
selectedKeys: +e.key
})
const that = this;
this.props.setLoading(true);
this.props.fetchNewsData(+this.props.uid,0,5).then(function(data){
console.log(data.data);
that.props.setLoading(false);
})
}
render () {
return (
<div className='logList'>
<h3>日志类型</h3>
<Menu
mode='inline'
selectedKeys = {[`${this.state.selectedKeys}`]}
onClick = {this.getLogData.bind(this)}
>
{logList.map((item,i)=>{
return (
<Menu.Item key={i} className="log-item">
{item.name}
</Menu.Item>
)
})}
</Menu>
</div>
)
}
}
export default NewsList