05.将组件抽离为单独的文件

最新推荐文章于 2022-07-02 18:08:00 发布

原创最新推荐文章于 2022-07-02 18:08:00 发布 · 219 阅读

0 ·

CC 4.0 BY-SA版权

React 专栏收录该内容

8 篇文章

订阅专栏

本文通过一个简单的React应用实例展示了如何在项目中使用React组件，并通过props传递数据。

// 1.导包
import React from 'react'
import ReactDOM from 'react-dom'

// 导入Hello组件
// 默认，如果不做单独的配置的话，不能省略.jsx后缀名
// import Hello from './components/Hello.jsx'
// 注意：这里的@符号，表示 项目根目录的src
import Hello from '@/components/Hello.jsx'

const dog = {
  name: '大黄',
  age: 3,
  gender: '熊'
}

ReactDOM.render(<div>
  <Hello {...dog}></Hello>
</div>, document.getElementById('app'))

 - List item