html - 将 css 添加到 jsx react 脚本的最佳方法?

标签 html css reactjs dom jsx

我想为一个网站添加一个脚本( react 组件),该网站不是基于 ReactJS 创建的,而是 html 和 dom 操作。我想用 React 来做,因为组件要运行一些逻辑,而且它要有某种状态。我从来没有为一个没有完全 react 的网站创建 react 功能。您认为向现有应用程序添加 React 功能是个好主意吗?如果是,哪种方式是向该脚本功能添加一些样式的最佳方式?

https://reactjs.org/docs/add-react-to-a-website.html 它涵盖了如何使用 babel 解决这个问题,但是样式和 css 呢?

最佳答案

关于这是否是一个好主意,我们根据官方 React 文档得到了这个:

React has been designed from the start for gradual adoption, and you can use as little or as much React as you need. Perhaps you only want to add some “sprinkles of interactivity” to an existing page. React components are a great way to do that.

这是他们处理 adding limited React functionality to non-React pages 的方法没有任何构建工具,只有纯 HTML DOM。

至于个人观点,这是偏离主题的,我只在非 React 网站上完成了完整的 React 页面。尽管这些工作正常,但 Mosè Raguzzini 可能是正确的,因为如果它可以用普通 JS 处理的话,它会带来太多麻烦/开销。

关于html - 将 css 添加到 jsx react 脚本的最佳方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56951560/

相关文章:

PHP/MySQL 计数 (*) 并在 html 中使用 var

html - 使用 JSTL 时,li 标签中的类保持分离

javascript - 如何防止 react 路由器5在特定路由下渲染DashboardLayout组件?

javascript - 在 react-router-dom 中使用 BrowserRouter 的动态基名

javascript - 按住按钮时非线性增加值( react )

PHP Header 向上移动一个目录?

javascript - 无法滚动我的汉堡菜单

java - 法国口音的 HTML 编码

css - 如何在 Twitter 的 Bootstrap 中正确定位额外的子导航?

html - Twitter Bootstrap 3 内联和水平形式