你的位置:首页 > 信息动态 > 新闻中心
信息动态
联系我们

如何将React组件抽离为单独的JS文件

2021/12/13 23:33:27

步骤:

  1. 创建Hello.js文件
  2. 在Hello.js文件中导入React
  3. 在Hello.js文件中创建组件(函数/类组件)
  4. 在Hello.js文件中导出组件
  5. 在index.js文件中导入Hello组件
  6. 在index.js文件中渲染Hello组件

代码:

//Hello.js

import React from 'react'

class Hello extend React.Component{
   
   render(){
         
      return (<div>Hello React</div>)

  }
}


export default Hello
//index.js


import Hello from './Hello.js'


ReactDOM.render(<Hello />,document.getElementById('root'))