无法读取属性＆＃39;切片＆＃39;未定义的

Question

我是Framework ReactJS的新手，我试图在一个页面上创建两个不同的获取。每个get都会收到不同数据库的不同数组。 你能帮我理解这个错误吗？

class Example extends React.Component{

constructor (props) {
      super(props);
      this.props.dispatch (get1({email:this.props.email}),get2({email:this.props.email}));
      this.options = {
      onPageChange: this.onPageChange.bind(this),
      onSizePerPageList: this.sizePerPageListChange.bind(this)
      };
}

sizePerPageListChange(sizePerPage) {
    alert(`sizePerPage: ${sizePerPage}`);
  }

  onPageChange(page, sizePerPage) {
    alert(`page: ${page}, sizePerPage: ${sizePerPage}`);
}

componentDidMount() {
          setTimeout(() => {
                this.refs.table2.forceUpdate();
                this.refs.table3.forceUpdate();
          }, 500);
}


  render() {


    return (


<table width={1000} height={500}>
<tr>
  <td>
      <BootstrapTable ref="table2" data={ this.props.array_1 }
          options={ this.options } multiColumnSort={ 2 } striped hover>
                    <td dataField='att_1' isKey={true} width="55px">Col_1</td>
                    <td dataField='att_2' width="140px">Col_1</td>
                    <td dataField='att_3' width="140px">Col_2</td>
                    <td dataField='att_4' width="30px">Col_3</td>
      </BootstrapTable>
  </td>
  <td width={50}> </td>
  <td>
      <BootstrapTable ref="table3" data={ this.props.array_2 }
          options={ this.options } multiColumnSort={ 2 } striped hover>
                    <td dataField='att_5' isKey={true} width="55px">Col_4</td>
                    <td dataField='att_6' width="140px">Col_5</td>
                    <td dataField='att_7' width="30px">Col_6</td>
      </BootstrapTable>
  </td>
</tr>
</table>


    );
  }
};


function mapStateToProps(state){
  return{
    array_1: state.proj.array_1,
    array_2: state.hist.array_2,
    email: state.email
  };
}


export default connect(mapStateToProps,{get1,get2})(Example);

Answer 1

穿过此链接将有助于它遇到同样的问题： link

我认为将空对象传递给bootstrapTable的数据是一个问题，因为它只接受数组。 你应该检查一下