react-react常用包与对应使用

全局安装脚手架

npm i create-react-app -g

创建react:

  create-react-app 项目名称

启动命令:

  npm state

创建类组件:

import React, { Component } from 'react'

export default class table extends Component {
    render() {
        console.log(this.props)
        return (
            <div>
                内容
            </div>
        )
    }
}
创建函数组件:
   import React from 'react';
  function App() {
      return (
      <div>
                    内容
               </div>
      );
  }
  export default App;
创建数据库:
  先下载一些先关的包
  命令:
  npm install react-redux    //react获取数据
  npm install redux             //store与react连接
  npm install redux-thunk   //'加强器'使dispatch支持传函数参数
  在src下创建store文件夹与index.js文件
  index.js如下编写:
  
  app.js文件下如图操作
  

   想使用store里数据的组件如下操作:

  

 路由:命令:npm react-ruoter-dom

  

  路由传参:

  

   例:

  

样式包:

  npm install node-sass

  注意版本新版本不兼容

  app.js下引入即可

   

  
原文地址:https://www.cnblogs.com/hqkbk/p/14141011.html