在React中定义组件的2种方式

函数式组件

function App() {
  return (
    <div>
      <h1>title</h1>
      <p>函数式组件</p>
    </div>
  )
}
  • 使用 return 返回组件的结构

类组件

class App extends React.Component {
  render() {
    return (
      <div>
        <h1>title</h1>
        <p>函数式组件</p>
      </div>
    )
  }
}
  • 类组件须继承 React.Component
  • 类组件需要实现render方法并返回组件的结构
posted @ 2021-10-24 10:45  霸哥yyds  阅读(70)  评论(0)    收藏  举报