定義組件最簡單的方式就是編寫 JavaScript 函數(shù)：

function Welcome(props) {return <h1>Hello, {props.name}</h1>; }

該函數(shù)是一個有效的 React 組件，因為它接收唯一帶有數(shù)據(jù)的 “props”（代表屬性）對象與并返回一個 React 元素。這類組件被稱為“函數(shù)組件”，因為它本質(zhì)上就是 JavaScript 函數(shù)。

你同時還可以使用 ES6 的 class 來定義組件：

class Welcome extends React.Component {render() {return <h1>Hello, {this.props.name}</h1>;} }

上述兩個組件在 React 里是等效的。

總結(jié)

以上是生活随笔為你收集整理的react学习(45)----react组件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。