react学习记录

1. 在react中使用elementUi
   步骤：
   ①npm i element-react --save
npm install element-theme-default --save：安装主题
   npm install react-hot-loader：安装依赖
   ② import { 组件名} from 'element-react'：引入element-react
   import 'element-theme-default'：引入主题
   ③ <组件名/>

2. 在每个文件都必须要引入React:import React, { Component } from 'react';

3. 在使用PubSub非子父组件传值时要注意：监听完要销毁，否则会监听累加（可以将监听方法写到生命周期函数中来实现一次监听）
   PubSub传值使用：
   ① 安装：npm install pubsub-js --save
   ② 页面导入：import PubSub from 'pubsub-js'
   ③ 发送：PubSub.publish('id',数据);
   ④ 监听：PubSub.subscribe('id', function (id,message)):其中message是发送的数据
   ⑤ 销毁监听：PubSub.unsubscribe(id);

4. .module.css用来限制只作用于某一个页面的样式，以这种方式定义的文件需要在对应的.js中引入，且在使用其中的样式时需要使用{引入名称.样式类名称}

import topNavStyle from './TopNav.module.css';

return (
            <div className={topNavStyle.topNav}>

            </div>
        )

5. 若组件是继承了component，则需要在其constructor方法中执行super(props)，之后就可以在render中通过this.props来获取从父类传来的属性值

constructor(props) {
        super(props)
    }