JS的反应属性是否不同于属性？

Question

我正在阅读react JS文档，并遇到了这个问题：

使用JSX指定属性：

You may use quotes to specify string literals as attributes:
const element = <div tabIndex="0"></div>;

我对javascript相当满意，但是我不太确定文档中“属性”的含义。我知道对象的属性，但这看起来像一个简单的变量。

如果React js属性与属性不同，究竟是什么？

Answer 1

html元素同时具有属性和属性

存在一些相互之间如何相关的不同方案。元素上设置的每个值不一定必须同时具有属性或属性。

1。属性

属性可以在html中设置

<a id="mylink" href=""/>

其中href是属性

或可以通过使用元素的设置属性方法来设置属性

document.getElementById("mylink").setAttribute("href", "")

并阅读使用

document.getElementById("mylink").getAttribute("href")

2。属性

也可以通过检索元素来设置和读取属性

document.getElementById("mylink").href = ""

其中href是属性

以第一种方式设置它们时，您要设置属性，第二种是设置属性时。

• 通常，底层元素的属性和属性是自动同步，有时不同步。
• 有时没有匹配的属性或属性，只有一个或另一个存在。

属性和属性是本机html元素的一部分，其中React提供附加的支持和抽象。

您创建的

Custom React组件（例如<MyComponent prop=""/>或<MyComponent prop={someVar}/>），使用相同的语法接受props。在此上下文中，道具一词纯粹是指React道具。 React自定义组件属性只是传递到您组件中的普通javascript值。这些自定义组件不会添加到页面中。它们用于组织和呈现实际的html元素。

当在自定义组件（例如<div id=""/>或<div id={someVar}/>）中安装本机组件时，React库在本机浏览器元素上设置基础html属性。

所以这里有两件事要牢记1. html元素属性和html元素属性。2.自定义元素prop都不是，但是在JSX本机元素（例如div）上设置prop时，设置生成元素的属性。