React组件---无状态函数和类组件

197 阅读1分钟

无状态函数

export default function App() {
  return <h1>hello world</h1>;
}

类组件

export default class App extends React.Componment {
  render() {
    return (
      <h1>hello world</h1>
    )
  }
}

编写React组件通常需要写一个继承自React.Component的类

在封装React组件时,当组件中只有render()方法时,使用更简洁的无状态函数比较好

export default表示默认导出了这个组件。default表示你可以在别的文件中用import App from './App'导入这个模块;如果没有default,则需要用import { App } from './App'导入这个模块