React 如何创建组件

147 阅读1分钟

1、作为ES6类

class MyReactComponent extand React.Component {
    render(){
        return(
            <div>this is content!</div>
        )
    }
}

2、使用createReactClass方法获取

import createReactClass from 'create-react-class'

const MyReactComponent = createReactClass(
    render () {
        return (
            <div>this is content!</div>
        )
    }
)

创建组件以后的组件挂载在id为app的dom上

ReactDOM.render(
    <MyReactComponent />,
    document.getElementById('app')
)