react

• Node导入模块和导出模块

//加载模块
require '模块标识符'
require '文件路径'
//向外暴露成员的形式
module.exports = {}
exports.xxx = xxx

• ES6导入模块和导出模块

//加载模块
import 模块名称 from '模块标识符' //如import Vue from 'vue'
import '表示路径'                 //如import './css/index.css'
//向外暴露的成员
export defaul {} //可以使用任意的变量来接收,只允许向外暴露1次
export           //使用{}来接受，允许向外暴露多次

在test.js文件中
var info = {
name: 'zs',
age: 20
}
export default info
export var title = '小星星'
export var content = '哈哈哈'
在main.js文件中
import m222, { title as title123, content } from './test.js'
console.log(m222)
console.log(title123 + ' --- ' + content)

• React中数据获取为什么一定要在componentDidMount里面调用

1.constructor是作组件state初绐化工作，并不是设计来作加载数据的
2.componentWillMount()
如果使用SSR（服务端渲染）,componentWillMount会执行2次，一次在服务端，一次在客户端。而componentDidMount不会。

constructor可以完成state初始化，componentWillMount使用的很少，目前16版本加入了UNSAFE来标识componentWillMount，新的生命周期static getDerivedStateFromProps()   也会替代这个。

React16之后采用了Fiber架构，只有componentDidMount声明周期函数是确定被执行一次的，类似ComponentWillMount的生命周期钩子都有可能执行多次，所以不加以在这些生命周期中做有副作用的操作，比如请求数据之类。

• 点赞
• 收藏
• 分享
• 文章举报