在ReactJS中使用BootstrapTable呈现错误

Question

我正在使用带有React JS的BootstrapTable来显示我使用Graphql查询得到的数据。 但是在尝试渲染时，它会向我显示以下错误

 TypeError: _this.props.data.slice is not a function at new BootstrapTable   

我这样做：

class Table extends React.Component {
    constructor(props) {
        super(props)
    }

    render() {
        const { data } = this.props
        const { loading, payment } = data

        if (loading) {
            return <div>Loading...</div>
        }

        if (payment.client) {
            return (
                <div>
                    <BootstrapTable data={payment.client}>
                    { console.log("==============================>", data.payment.client) }   
                        <TableHeaderColumn isKey dataField={true}>  id           
                        <TableHeaderColumn dataField={data.payment.client.name}>  name 
                     </BootstrapTable>
                </div>
            )
         }
         return <div> Nothing... </div>
    }

 }

有任何想法或建议吗？