每个React概念5分钟内讲解清楚

文章预览

React是一个JavaScript库,可以让你在几分钟内开发前端代码。它有预构建的方法和函数来执行某些任务。React作为一个库包含了一些复杂的术语,如协调(reconciliation)、状态(state)、属性(props)等。它们实际上是什么意思呢? 在这篇文章中,你将以更简单的方式了解这些被夸大的概念。 组件 组件是可重用代码的小块,返回一个要在网页上渲染的React元素。它是组成网页单个部分的一组代码,如按钮、导航栏、卡片等。它就像一个JavaScript函数,但返回一个渲染的元素。它接受称为"Props"的参数。组件以大写字母命名。 函数组件示例 function   Heading ( props )  {    return   < h1 > 加入我们, {props.name}! h1 > ; } 注意: 推荐使用函数组件而不是基于类的组件。 函数组件通常被称为无状态组件。 JSX JSX是JavaScript XML的缩写,它允许我们在React中编写HTML。它引入了类似XML的标签和属性 ………………………………