6、React入门：组件属性与JSX的使用

React入门：组件属性与JSX的使用

1. React组件的可复用性与属性

在React开发中，组件的可复用性是其强大特性之一。通过 React.createElement 方法创建组件，能够实现代码的快速开发并减少错误。例如：

React.createElement(HelloWorld),
document.getElementById('content')

组件不仅具有可复用性，还拥有生命周期事件、状态、DOM事件等特性，这些特性可以让组件变得更具交互性和独立性。

目前， HelloWorld 元素都是相同的。那么，如何对它们进行定制呢？这就需要用到属性（Properties）。属性是React声明式风格的基石，可将其视为元素内不可变的值。例如，通过传递新的属性值来改变链接的URL：

React.createElement('a', {href: 'http://node.university'})

需要注意的是，属性在其组件内是不可变的。父组件在创建子组件时为其分配属性，子组件不应修改这些属性。属性的使用方式如下：
- 渲染元素的标准HTML属性，如 href 、 title 、 style 、 class 等。
- 在React组件类的Ja