zoukankan      html  css  js  c++  java
  • React里面的redux的简单使用

    第一步 

      actions文件:

          

    // export function getName (options) {

    //   return {
    //       type: "DATA",
    //       payload: options
    //   }
    // }
     
    第二步 
       reducer文件:
         

           

    // const defaultState = {
    //   name: ''
    // }

    // export default function (state = defaultState, action) {
    //   switch (action.type) {
    //     case 'DATA':
    //       return {
    //         ...state,
    //         name: action.payload
    //       }  
    //     default:
    //       return state
    //   }
    // }
     
    第三步: 
           页面中引入
          connect   from react-redux
     
        
    export default @connect(state => ({}),{
      getName
    })
      
    第四部  
       请求参数的时候我们可以通过this.props.getName() 把name存进去
      
     
     
     
  • 相关阅读:
    POST和GET的区别
    Java设计模式6大原则
    JAVA23种工厂模式
    使用jsp实现用户登录请求
    MVC模式
    使用idea查询数据库内容
    mysql常见错误
    定义外键和建表原则
    CSS制作圆角边框
    2、JS的编写位置
  • 原文地址:https://www.cnblogs.com/LC123456/p/12880082.html
Copyright © 2011-2022 走看看