React组件中如何通过data Prop的值设置pageSize Prop？

完全可以实现，直接将pageSize的值设置为传入数据的长度即可，修改后的代码示例如下：

<ReactTable
    data={instances.data}
    columns={columns}
    filterable
    pageSize={instances.data?.length || 0}
/>

• 这里使用可选链操作符?.是为了避免instances.data为null或undefined时触发报错；
• 后面的|| 0作为兜底值，确保数据为空时pageSize能拿到合法的数值。

如果你的开发环境不支持可选链语法，也可以用条件判断做兼容处理：

<ReactTable
    data={instances.data}
    columns={columns}
    filterable
    pageSize={instances.data && instances.data.length ? instances.data.length : 0}
/>

内容的提问来源于stack exchange，提问作者devcodes