React的创建组件的方式

React的创建组件的方式

1.使用箭头函数

import React from 'react'
import { render } from 'react-dom'

const App = (props) => {
	return (
	<div>
		<h1>props.title</h1>
	<div>) 
}

render(
	<App title=" 212"/>,
	document.querySelector('#root')
)

2.使用类继承的React.component

import React from 'react'
import { render } from 'react-dom'

class App extends React.Component {
  render () {
    return (
      <div>
        <h1>类组件</h1>
        <p>{this.props.des}</p>
        <div>
          <h1>元素中的样式</h1>
          <p> 红色的</p>
        </div>
      </div>
    )
  }
}

render(
  <App des="123456"/>,
  document.querySelector('#root')
)