我如何在Reactjs中传递参数

Question

如何将this.state.posts.length传递到React.js中的项目，以便我可以获取一个动态数字而不是1，请在我的变量下面查找。

const notEnough = {
  Larga: {
    breakpoint: { max: 4000, min: 0 },
    items: 1
  }
};

我在响应性道具中有一个条件，如果帖子的长度小于5，则需要将this.state.posts.length值传递给项目。

responsive={this.state.posts.length < 5 ? notEnough : responsive}

Answer 1

现在notEnough是一个object，您可以将其变成一个function，它需要一些parameters（posts.length）并返回一个{{1 }}。

object

如果在组件内部声明了const notEnough = items =>({ Larga: { breakpoint: { max: 4000, min: 0 }, items }) }; responsive={this.state.posts.length < 5 ? notEnough(this.state.posts.length) : responsive} ，则不需要这样做

notEnought

Answer 2

在我看来，就像您要添加不必要的中介步骤一样。如果您希望2个不同的变量依赖相同的条件，则可以在两个位置都插入相同的条件，假设您在某个位置声明了此const，它将对状态变化做出响应：

const notEnough = {
  Larga: {
    breakpoint: { max: 4000, min: 0 },
    items: this.state.posts.length < 5 ? this.state.posts.length : 1;
  }
};