语法风格

函数组件

/* 推荐 */
import { useState } from 'react'

export default function View() {
  const [count, setCount] = useState(0)

  return (
    <div>
      <h1>{count}</h1>
    </div>
  )
}

类组件

import { Component } from 'react'

export default class View extends Component {
  state = {
    count: 0,
  }

  render() {
    return (
      <div>
        <h1>{this.state.count}</h1>
      </div>
    )
  }
}