如何在一个spfx解决方案中创建两个Web部件？

我的最终目标是创建一个spfx项目，允许我向SPO页面添加两个web部件。这两个Web部件将分别连接到不同的自定义列表。Web部件（A）将在项目旁边有一个按钮，如果用户单击该按钮，则它将根据Web部件（A）中项目的ID筛选Web部件（B）。 我已经创建了一个spfx项目。它当前有一个

.ts

文件，其中包含项目的“入口点”。 这允许我将该Web部件添加到SPO页面。如上所述，我希望能够创建两个不同的网页部件到一个SPO页面。 问题：我会创建两个“入口点”

.ts

文件吗？或者这不是必须的？ 如果没有必要，我该怎么做

除此之外，是否还有其他示例代码-

以下是我所指的一些入口点代码供您参考：

...
export default class ConnectedWebpartsWebPart extends BaseClientSideWebPart <IConnectedWebpartsWebPartProps> {
  public onInit(): Promise<void> {
    return super.onInit().then(_ => {
      // other init code may be present
      pnpSetup({
        spfxContext: this.context
      });
    });
  }
...

。。。
导出默认类ConnectedWebpartsWebPart扩展BaseClientSideWebPart{
public onInit（）：承诺{
返回super.onInit（）{
//可能存在其他初始化代码
PNP设置({
spfxContext:this.context
});
});
}
...

---

Tom

这很简单-只需使用Yeoman并在现有项目的文件夹中运行另一个yo@microsoft/sharepoint即可。 现在尝试连接这两个Web部件…这是一个棘手的问题