如果你使用 React.js,你还会写 HTML/CSS 文件吗?

     2023-02-22     259

关键词:

【中文标题】如果你使用 React.js,你还会写 HTML/CSS 文件吗?【英文标题】:Do you still write HTML/CSS files if you're using React.js? 【发布时间】:2017-09-19 21:42:42 【问题描述】:

我似乎无法理解 react.js 的工作流程。您还需要直接编写 HTML 和 CSS 吗?

【问题讨论】:

CSS:是的。 HTML:有点……这取决于您希望第一次渲染的效率。 可以,但是 HTML 是写在 .js 文件中的,css 是必须的。 【参考方案1】:

是的,您仍然需要编写 HTML 和 CSS,但两者的工作流程不同

HTML 您在 javascript 文件中的渲染函数上编写,如下例所示:

const HelloMessage = (props) => 
    return (
        <div>Hello  props.name </div>
    );


ReactDOM.render(<HelloMessage name="Jane" />, mountNode);

CSS你可以用两种方式编写

    作为css modules,您可以编写 sass/less/stylus 甚至 css 文件,然后在您的 javascript 文件中导入并使用类名 (npm 模块) 你称之为/p>

    作为styled component,在这种情况下,您将 css 编码为 javascript 文件中的 JSON

【讨论】:

这样写 HTML 太奇怪了?

loser,除了努力你还会什么?

Loser,除了努力你还会什么?盲目崇拜力量和金钱,是老百姓的癌症。盲目崇拜道德和努力,是傻白甜的癔症。前阵子流行的一句话——大多数人努力的程度之低,还没有轮到拼天赋的时候。这句话一下子刺中... 查看详情

如果没有财务压力,你还会努力吗?

...构师之路”视频号,学技术,学管理,闯职场如果大家喜欢,我尽量坚持下去。推荐阅读:《架构师之路,21年干货精选》 查看详情

如果没有财务压力,你还会努力吗?

...构师之路”视频号,学技术,学管理,闯职场如果大家喜欢,我尽量坚持下去。推荐阅读:《架构师之路,21年干货精选》 查看详情

如果再来一次,你还会选择互联网么?

...知道从什么时候开始,身边悲观的声音越来越多了。如果再给你一次机会,你还会选择互联网吗?回答这个问题之前,我想跟大家聊聊一个我朋友的故事。他从学渣到大厂程序员,百万粉丝博主,到换行换... 查看详情

如果再来一次,你还会选择互联网么?

...知道从什么时候开始,身边悲观的声音越来越多了。如果再给你一次机会,你还会选择互联网吗?回答这个问题之前,我想跟大家聊聊一个我朋友的故事。他从学渣到大厂程序员,百万粉丝博主,到换行换... 查看详情

使用react.js的渐进式web应用程序:第1部分-介绍

...分-介绍来自译者markzhai:大家也知道最近Web越来越火了,如果你还以为Web就是jQuery、Ajax、CSS什么的,那你就out了。给大家几个链接看一看吧:https://shop.polymer-project.org/https://housing.com/https://www.flipkart.com/https://react- 查看详情

使用react.js的渐进式web应用程序:第1部分-介绍

...分-介绍来自译者markzhai:大家也知道最近Web越来越火了,如果你还以为Web就是jQuery、Ajax、CSS什么的,那你就out了。给大家几个链接看一看吧:https://shop.polymer-project.org/https://housing.com/http 查看详情

react.js教程之installation安装

react.js教程之Installation安装运行方法运行react有三种方式1.如果你只是学习react,可以在http://codepen.io/gaearon/pen/rrpgNB?editors=0010上只写写代码2.如果你想用自己的编辑器,https://facebook.github.io/react/downloads/single-file-example.html可以下载这 查看详情

对比百度必应谷歌搜索结果,你还会用百度吗?

对比百度、必应、谷歌搜索结果,你会发现百度把你耽搁了(点击链接阅读原文) 查看详情

react.js你应知道的9件事

...知道的9件事 本文假定你已经有了一下基本的概念。如果你不熟悉component、props或者state这些名词,你最好先去阅读下官方起步和手册。下面的代码示例我将使用JSX作演示,因为使用JSX语法写组件更为简洁,也更具表达力。1.Re... 查看详情

react.js开发常见问题

...的开发人员,还是说只要会JavaScript的员工就行?如果你有了一支熟练的JavaScript开发团队,那么使用React.js是没有障碍的。React就是JS代码,所以你无需单独聘用React.js开发人员。JavaScript开发人员可以轻松学会React.js... 查看详情

看完这篇文章,你还会问陈景润证明“1+2”有什么意义吗?

...赫猜想(简称"1+1")可以说是在中国知名度最高的数学难题.如果有人上大街做个调查,让路人甲说出个数学猜想来,肯定最多人回答哥德巴赫猜想;如果要说出几个中国数学家的名字,那肯定是华罗庚,陈景润(陈 查看详情

React.js 样式组件:添加 HTML 属性

...要将tabindex="0"作为HTML属性添加到其中一些组件。如果不将它作为道具传递,我该怎么做?例如&lt;P 查看详情

react中jsx的使用时html中需要引用啥文件吗

需要,正常使用react需要引用三个文件,可从官网下载,引用如下:<script src="react.js"></script><script src="react-dom.js"></script><script src="browser.min.js"></script>react.js是React的核... 查看详情

如果我不舒服,我真的需要使用 React.js 吗?

】如果我不舒服,我真的需要使用React.js吗?【英文标题】:DoIactuallyneedtouseReact.jsifIamnotcomfortable?【发布时间】:2021-05-0215:49:52【问题描述】:我有一个项目应该在下周提交,并希望我个人使用React.js。我花了将近2周的时间使用R... 查看详情

面对新/热门基金,你还会买吗?

最近睿远均衡价值三年持有混合基金即将发售,一天据说吸引1200亿元,那么为什么不建议买吗,以下就是不买此类基金的原因了。 查看详情

oh!binlog还能这样用之canal篇

...。?当你需要迁移数据的时候,也还在使用双写的方法,如果是同一个数据库的还好,如果是不同数据库就不能保证事务,那么数据一致性也是个问题,就会写很 查看详情

oh!binlog还能这样用之canal篇

...。?当你需要迁移数据的时候,也还在使用双写的方法,如果是同一个数据库的还好,如果是不同数据库就不能保证事务,那么数据一致性也是个问题,就会写很 查看详情