无法分配给 'postCount'，因为它是只读 property.ts(2540) spfx

Question

  public seeAll() {
    this.props.postCount = 100;
  }


 var button = <a onClick={this.seeAll}>See all</a>

      return (
        <div>
          <div className={styles.jsonFeedContainerPosts }>{slidesCompact}</div>
          <p>{ this.props.item == 'careers' ? button : '' }</p>
        </div>
      )

我正在尝试让用户单击“查看全部”以将 postCount 更新为 100，这将显示新闻提要中的所有最新帖子。但是我收到一个道具只读错误。不确定如何解决这个问题？

Answer 1

您不能直接更新道具。您可以将其分配给状态变量或提供回调道具。看看这个 https://www.freecodecamp.org/news/how-to-update-a-components-prop-in-react-js-oh-yes-it-s-possible-f9d26f1c4c6d/