index.js

import React from 'react'; import ReactDOM from 'react-dom';function Childcom(props) {console.log(props)let title = < h2 > 我是副標題 < /h2>let weather = "下雨"let isGo = weather == '下雨' ? "不出門" : "出門"return ( <div ><h1 > 函數式組件 helloworld < /h1> { title } <div >是否出門？ <span > { isGo } < /span> < /div ></div >) } class HelloWorld extends React.Component {render() {console.log(this)return ( <div ><h1 >類組件定義HELLOWORLD </h1> <Childcom / ></div >)} }ReactDOM.render( <HelloWorld name = "geyap" / > ,document.querySelector('#root') )

運行結果

總結

以上是生活随笔為你收集整理的前端学习（2226）：react之组件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。