【React系列】元素、组件与属性
元素(Elements)元素(Elements)是React应用中最小的构建部件,用于描述能够在屏幕上看到的内容,如: const element = <h1> Hello World ! </h1> 元素是构成组件的“材料”。 渲染元素到DOM要渲染一个React元素到DOM上面需要有一个根节点,之后把他们传递给ReactDOM.render()方法。 <div id="root"></div> const element = <h1>Hello World!</h1>; ReactDOM.render( element,document.getElementById("root") ); 更新已经渲染的元素React元素是不可突变(immutable)的。一旦创建了一个元素,就不能更改其子元素或者属性。只能创建一个新的元素,通过传入ReactDOM.render()方法进行更新。 组件(Components)组件是整个UI实现中划分出来的一个个独立可复用的小部件,每个部件间互不干涉,可以单独设计。 组件的分类
渲染组件以函数式组件为例: function Welcome(props) { return <h1>Hello,{props.name}</h1>; } const element = <Welcome name="Sara" />; ReactDOM.render( element,document.getElementById('root') ); 当 React 遇到一个代表用户定义组件的元素时,它将 JSX 属性以一个单独对象的形式传递给相应的组件。 我们将其称为 "props" 对象。简单顺序如下:
另外,组件间可以进行引用嵌套。组件可以在它们的输出中引用其它组件。
属性(Props)Props是只读的
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |