有没有办法在react中传递一组props？

Question

我实际使用的方式效果很好，但我的道具不断增长，我想知道是否可以将它们分组为一个状态并将其传递给孩子，这是我的代码：

    <Panel
      uniqueIDs={uniqueIDs}
      userID={userID}
      loading={loading}
      premium={premium}
      percent={percent}
      total={total}
      until={until}
      user={user}
      done={done}
    />

渲染后，我像这样定义这些变量：

let { 加载、空、总计、uniqueIDs、切片、百分比、直到、确定、用户、高级、数据、键、完成、用户 ID } = this.state;

我可以只发送this.state变量吗？我做了一些研究，没有找到解决问题的任何方法，我知道我可以使用第三方库来管理状态，但我试图保持简单。

Answer 1

您可以为要发送的道具创建一个对象，并且可以使用扩展运算符

  let props = {
        uniqueIDs : uniqueIDs,
        userID:userID,
        loading:loading,
        premium:premium
          }
<Panel {...props} />

在面板组件中，您可以使用 this.props.uniqueIDs 等。