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

Question

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

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

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

let { loading, empty, total, uniqueIDs, slice, percent, until, ok, user, premium, data, keys, done, userID } = this.state;

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

Answer 1

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

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

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