【问题标题】:Best way to add css to a jsx react script?将css添加到jsx react脚本的最佳方法?
【发布时间】:2019-07-09 20:33:24
【问题描述】:
我想为一个不是基于 ReactJS 而是使用 html 和 dom 操作创建的站点添加一个脚本(react 组件)。我想用 react 来做,因为该组件将运行一些逻辑并且它也将具有某种状态。我从来没有为一个完全不使用 react 运行的网站创建一个 react 功能。你认为向现有应用程序添加响应功能是一个好主意吗?如果是的话,为这个脚本功能添加一些样式的最佳方法是什么?
https://reactjs.org/docs/add-react-to-a-website.html
它涵盖了如何使用 babel 解决这个问题,但是样式和 css 呢?
【问题讨论】:
标签:
html
css
reactjs
dom
jsx
【解决方案1】:
关于这是否是一个好主意,我们根据官方 React Docs 得到这个:
React 从一开始就是为逐步采用而设计的,您可以根据需要使用尽可能少或尽可能多的 React。也许您只想向现有页面添加一些“交互性”。 React 组件是一个很好的方法。
这是他们对adding limited React functionality to non-React pages 的方法,无需任何构建工具,只需纯 HTML DOM。
至于个人意见,这是偏离主题的,我只在 React 中完成了完整的页面,并连接到非 React 网站。虽然这些工作正常,但 Mosè Raguzzini 可能是对的,因为如果可以使用 vanilla JS 来处理,那就太麻烦了。
【解决方案2】:
您可以通过多种方式导入样式:
请注意,如果您不迁移到 API 或者您不需要 react 功能,那么从 vanilla javascript 重构来响应可能是无用的痛苦。