index.js

import React from 'react'; import ReactDOM from 'react-dom';function Childcom(props) {console.log(props)let title = < h2 > 我是副標(biāo)題 < /h2>let weather = "下雨"let isGo = weather == '下雨' ? "不出門" : "出門"return ( <div ><h1 > 函數(shù)式組件 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') )

運(yùn)行結(jié)果

總結(jié)

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

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