reactjs - 我无法在 antd 表上显示数据

Question

我有一个数组，它的值是在从数据库渲染之前加载的，但我不知道为什么我不能在我的表上显示它。

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);

所以有数组，我可以看到里面有值，但我只是不知道为什么我不能在桌子上显示它们。它说没有数据。只能看到标题。

标签： reactjsreduxantd

Answer 1

你的变量在哪里this.userArray，你的函数this.getUser没有使用。这是笔误吗？