我想下载一个免费的引导程序templates，并将上述模板添加到我的react应用程序中。我尝试阅读一些文档，但找不到任何有关将这些免费模板与react集成的文档。
我为自己喜欢的模板做了npm install，但不确定下一步如何做。我只是在node_modules目录中有模板。
我拿走了模板中html文件正文中的内容，并将其扔回给我的app.js。添加了css和vendor文件夹。然后，我尝试将模板css文件导入到我的app.js中，并更改了index.html文件中需要的内容。其中一些有效。其他部分没有。
只想将这些漂亮的模板正确地集成到我的React项目中即可。
任何帮助将不胜感激！
答案 0 :(得分：1)
问题是这些templates的构建考虑到了Bootstrap 不是 React。这些模板是使用常规HTML，CSS，JS，jQuery等创建的。对于React应用程序而言，它们是无法立即使用的。因此，为了使这些模板之一起作用，在React的上下文中，将需要对所述模板的许多部分进行手动更改。
例如，除了获取React应用程序所需的模板片段之外，还必须更改模板提供的HTML页面中列出的众多属性。这是因为在 React中，您不能使用为JSX中的JavaScript保留的关键字。
那是什么意思？
您必须将HTML中的class属性更改为className，CSS样式规则才能从模板生效。 onchange变成onChange，onsubmit变成onSubmit，依此类推...
标准是在JSX中 camelCase保留的JavaScript关键字。
您肯定可以使此模板在React中工作，它只是涉及到手动调整。但是，如果您希望开箱即用的模板可用于React，那么我会考虑使用React构建的免费模板。
希望有帮助！