前端学习（2226）：react之组件

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')
)

运行结果