使用 React 的 SharePoint 框架 SPFx 的基本代码/文件夹结构

Question

我是 SharePoint SPFx 和 React 的新手。我正在寻找使用 React 进行 SharePoint SPFx 开发的最佳实践代码结构。基本上我正在寻找可以将组件、模型、服务和 html 文件放在不同文件夹中的代码结构。

如何使用 HTML 模板文件从文件夹名称模板到组件文件 (.tsx)

Answer 1

我在根文件夹“src”中创建了新文件夹名称“common-library”，并将所有通用/共享代码（如基本配置、模型、服务）放在单独的文件夹中，可用于任何 webpart 和 react 组件。

基本代码/文件夹结构

您可以查看完整代码here。