使用react js spfx spfx部件添加到sharepoint列表中

Question

我在我的for部件中使用这段代码以列表名插入sharepoint列表，但是将该代码移到生产环境中会产生一个问题，因为它形成了插入列表的错误url，生产中的url是api/web/lists/getByTitle('Smart%20City%20IAQ%20Demo%20Requests')?$select=ListItemEntityTypeFullName。

但是在本地环境中，它可以很好地工作，形成这个url api/web/list/getByTitle(“智能”)城市IAQ演示请求‘)/items

在生产环境中，SitePages是自动出现的，如何删除它？

pnp.sp.web.lists.getByTitle("Smart City IAQ Demo Requests").items.add({
  Title: this.state.Email
}).then(r => {
  this.setState({ ButtonActive: false });
});

}

或者是否有任何方法使用列表的URL插入sharepoint列表？

Answer 1

您需要为PnPJ建立SPFx上下文。这可以在web部件的onInit()方法中通过从@pnp/core或@pnp/sp导入的setup()方法来完成。

使用@pnp/核心安装程序的

import { setup as pnpSetup } from "@pnp/core";

// ...

protected onInit(): Promise<void> {

  return super.onInit().then(_ => {

    // other init code may be present

    pnpSetup({
      spfxContext: this.context
    });
  });
}

// ...

使用@pnp/sp安装程序

import { sp } from "@pnp/sp/presets/all";

// ...

protected onInit(): Promise<void> {

  return super.onInit().then(_ => {

    // other init code may be present

    sp.setup({
      spfxContext: this.context
    });
  });
}

// ...

有关详细信息，请参阅此链接。