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

Question

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

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

Answer 1

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

基本代码/文件夹结构

你可以在这里查看完整的代码。