我无法在antd表上显示数据

时间:2018-05-04 07:11:19

标签: reactjs redux antd

我有一个数组,其数值在从数据库渲染之前加载,但我不知道为什么我无法在我的桌子上显示它。

class GetUsers extends Component{
  getUser(){
    var arr = this.props.user;
    var userArray =[];
    for(var i=0; i<arr.length; i++){
      userArray.push({
        key: i,
        name: arr[i].full_name,
        phone : arr[i].phone_number,
        email: arr[i].email,
      })
    }
      return userArray
      console.log(userArray)
  }

  componentWillMount(){
    this.props.getUserData();
  }
  render(){
    return(
      <div>
      <Table dataSource={this.userArray}>
          <Column
            title="Name"
            dataIndex="name"
            key="name"
          />
          <Column
            title="Phone"
            dataIndex="phone"
            key="phone"
          />

        <Column
          title="Email"
          dataIndex="email"
          key="email"
        />
     </Table>
    )
  }
}

function mapStateToProps(state){
  return{
    user: state.user,
  }
}
export default connect(mapStateToProps, { getUserData})(GetUsers);

所以有阵列,我可以看到我有价值,但我不知道为什么我不能在桌面上显示它们。它说没有数据。标题只能被看到。

1 个答案:

答案 0 :(得分:0)

您的变量this.userArray,并且您的函数this.getUser未使用。 这是一笔吗?