-1

这可能是一个非常愚蠢的问题，但在这里。

我的属性窗格中有一个下拉字段，其中填充了当前站点的所有列表。这工作没问题。

当我更改下拉列表时，我使用列表的 ID 填充属性。在我的反应组件中，我调用以下内容 

public componentDidMount(){
     var url = this.props.webUrl + "/_api/web/lists(guid'"+ this.props.listId+"')/items";
     console.log("LIST API = " + url);
     var getListInfo: FetchListData = new FetchListData();
      getListInfo.getItems(url, this.props.client).then((data) => {

         this.setState({ navItems: data });
      })
  }`

我的假设是，当 Web 部件最初加载时，组件会呈现到页面上，但如果我更新属性，则不会调用此 componentDidMount，因为从技术上讲它已经安装。

我想做的是让组件在我更改列表（下拉属性）后重新渲染。我目前拥有的将起作用，因为一旦您保存页面，它将呈现所有检索到的项目。我只是假设有一种方法可以使它动态化。

我的反应经验至少可以说是基本的，所以任何方向都是完美的。

干杯

特鲁兹

4

1 回答 1

0

在查看 React 页面周期后想出了这个。

componentDidUpdate(prevProps, prevState) {
  //If statement checking if your property or state has changed.
  //Re run API call 
}

干杯

特鲁兹

于 2018-04-17T12:55:03.653 回答