react书写的两种方式(不使用脚手架)

一身风骨擎天破

已于 2022-10-23 16:54:19 修改

阅读量321

点赞数

文章标签： javascript 前端开发语言 react.js

于 2022-10-23 16:49:24 首次发布

本文链接：https://blog.youkuaiyun.com/m0_54581080/article/details/127476149

版权

首先声明一下,我没有直接学习r18,而是r16.

首先引入react

第一种书写方式

本来我写的不是span,而是h2元素,但是报了个h1不能嵌套h2的错误

然后就去查找了一波,发现有些特别的块级元素不能嵌套块级元素,具体我找了一篇文章解释

https://blog.youkuaiyun.com/lgl_19910331/article/details/81457725

第二种书写方式 JSX

jsx属于是js的扩展语法,需要bable来转义,具体如下

就先简单的介绍一下吧,后续再详细说说JSX

最后附上react中文网链接,学习过程中一定要记得查阅文档呀

http://react.caibaojian.com.cn/docs/cdn-links.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

一身风骨擎天破

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

怎么查看react脚手架_一锅烩了那些React项目开发绕不过去的配置

weixin_42116058的博客

01-31

662

写 React 已经有一段时间了，从开始到现在都是一路摸爬滚打过来的，踩过不少坑。虽然学习 React 已经很久了，但是和真正写还是有很大区别的，今天就从头开始记录下使用过程的点点滴滴，权且当作学习笔记吧，也希望能给将要入坑的小伙伴一点点启示吧！前言习惯了使用Vue开发的小伙伴，如果突然切换到React技术栈，刚开始肯定会有些手足无措，因为相比Vue的脚手架Vue-cli，React官方...

React学习笔记一(React入门+JSX+脚手架)

kianagrow的博客

12-13

587

React学习笔记一(React入门+JSX+脚手架)

1 条评论您还未登录，请先登录后发表或查看评论

React组件的两种写法

Odboy

10-15

268

ES5函数组件方式 // 使用一个函数来定义组件，参数为props(父级传入的参数)返回的是个React元素，本质上就是JavaScript函数 function Student(props) { console.info(props) let someThing = '自定义的字段，可以在return中被引用' // name、books为Student的属性...

React创建组件的两种方式

hyupeng1006的博客

03-20

469

1 通过 JS函数创建（无状态组件） 2 通过 class 创建（有状态组件）函数式组件和 class 组件的使用场景说明： 1 如果一个组件仅仅是为了展示数据，那么此时就可以使用函数组件 2 如果一个组件中有一定业务逻辑，需要操作数据，那么就需要使用 class 创建组件，因为，此时需要使用 state JavaScript函数创建注意：1 函数名称必须为大写字母开头，React...

React.js内容的两种写法

pugongyingyangyue的博客

07-06

686

方法一： var LikeButton = React.createClass ({ getInitialState : function () { return {liked : false}; }, handleClick : function () { this.setState({liked : !this.state.li

解剖react组件的多种写法与演进

weixin_30677475的博客

08-22

267

目前，react组件有三种写法，分别是es5的createClass写法，es6的class写法，以及stateless(无状态组件)写法。下面由浅入深来细说这三种写法。涵盖了生命周期，反向数据流，es6/7等知识。一，原始的createClass写法对于写react组件，很多人第一印象往往是createClass，这是因为createClass是react组件最原始的写法，基本每个学...

如何简单使用react,以及react的两种写法

大姐的博客

11-06

758

react的相关使用，以及函数式组件和类式组件的区别

使用Webpack搭建React脚手架（下篇）

UI_linlan的博客

01-04

1046

一套完善的开发环境配置可以极大的提升开发效率，提高代码质量，方便多人合作，以及后期的项目迭代和维护。所以说，前端代码格式规范和语法检测的工具可以提高代码的质量和可读性，减少低级错误和维护成本，提高团队的协作效率和开发效率，是非常有必要的。本篇我们将在完善脚手架的搭建。

react-widget：使用create-react-app创建的react-widget

02-22

Create React App是一个官方维护的项目，旨在提供一种简单、无配置的启动新React应用的方式，它隐藏了Webpack、Babel等复杂的配置，让开发者能够更加专注于编写代码。 React作为一个由Facebook开发的JavaScript库，...

React搭建文档.docx

03-08

在本文档中，我们将探讨如何简单地搭建一个React项目，包括React的基本使用方式和通过Create React App创建项目的步骤。首先，React可以通过两种主要方式引入到项目中。一种是直接在HTML文件中使用`<script>`标签...

从Vue2.0到React17——React开发入门

pig_html的博客

06-22

591

前言找工作时发现有一些公司是以React作为技术栈的，而且薪资待遇都不错，为了增加生存的筹码，所以还是得去学一下React，增加一项求生技能。因为我用Vue2.0开发项目已经四年了，故用Vue2.0开发项目的思路来学习React。前端项目是由一个个页面组成的，对于Vue来说，一个页面是由多个组件构成的，页面本身也是一个路由组件。对于React来说也是如此。Vue会提供一系列技术支持来完成一个组件的开发，可以从这一系列技术支持出发，去React中寻找对应的技术支持来入门React，比如React中如何开发

react-router-dom的使用；react 路由实现的基本原理和浅谈前后端路由

FOR 的博客

09-01

585

react 路由学了好久，断断续续的，也开学了。忙这忙那。呼呼。终于学完这一章节了内容有点多，5.1 的相关知识只是浅谈，需要深入了解可以找找其他博文。如果这里有不对请指正啦。第五章 — react-router 5.1 相关知识 1. 浅谈网页发展 1.1后端渲染阶段早期网页早期网页是由 jsp/php 代码开发，基本是html和css 它的请求过程是输入网站后，发送到服务器，服务器会将完整的网页返回，也就是已经渲染完成的网页，包括一些图片资源等。这个也就是后端渲染，即请求回来的即使渲染.

react学习（ES5和ES6两种写法的对比）

boysky0015的博客

06-30

1224

前言学习react有一段时间了，第一遍学习的时候，学的云里来雾里去，只懂了一些皮毛，因为react技术栈包括的内容挺多的，主要包括react、react-router、redux，还有一些辅助工具，比如webpack、ES6、git这些都要学，可以说是必学的。不然很难阅读别人写的什么。我当时这些都不会，公司让我熟悉项目我就sb了。后面我一个模块一个模块的学习。到目前基础的基本都掌握了。下面我们来

watch 数组 Vue 3

qq_30049249的博客

05-01

338

发现在选项式中配置 watch 监听数组不起作用。且在 setup 中监听数组时，当不设置 deep 参数时，也进行了深度监听。在 setup 中使用 watch 监听数组变化。

游戏开发的Typescript(2)禁忌函数 - 类 eval()函数

wgc2k的博客

05-02

898

在 TypeScript 里，eval()是个内置函数，其作用是对字符串形式的 JavaScript 代码进行解析并执行。

字节跳动在GitHub上有哪些开源项目

interpromotion的博客

04-23

1790

字节跳动（ByteDance）在GitHub上开源了许多项目，涵盖前端、后端、云原生、AI、数据库等多个领域。这些项目体现了字节跳动在技术领域的广泛投入，适合开发者学习或直接应用于生产环境。

CSS 优化与渲染性能调研

欢迎来到我的博客，希望你能有所收获！

05-03

876

优化与渲染性能调研

开始一个vue项目-day2