专栏首页编程微刊在react底下安装环境

在react底下安装环境

1.在react底下安装环境

Image.png

Image.png

2.新建一个文件夹

Image.png

3.配置入口文件redux:staticRoot+'/redux/app'

Image.png

4.在APP.js里,如何把store放到react里面运行

Image.png

Image.png

Image.png

把这两个方法注释掉

Image.png

类里面构造器的概念:

Image.png

把所有函数接收过来再原封不动的传给构造器

Image.png

开始写数据: //使用es6 class 去写组件时,对状态的数据赋值默认值

Image.png

在按钮上加上一个事件

Image.png

匿名函数导致函数传过去就是空的 所以,用什么? 传过去是add的行为; 点击按钮触发行为,触发数据,去store里面拿到新的数据,调用一次传一个行为 MVC的架构思想:

包装组件,包装store;

import { createClass, PropTypes } from 'react';
// React createClass
const AppComponent = createClass ({
    //设置 props 数据类型
    propTypes : {
        value: PropTypes.number.isRequired,
        onIncreaseClick: PropTypes.func.isRequired
    },
    render : function() {
        const { value, onIncreaseClick } = this.props;
        return (
             <div>
                  <span>{ value }</span>
                  <button onClick={ onIncreaseClick }> Click </button>
             </div>
        );
    }
});
export { AppComponent };

自己封装一个onclick放在组件里面; 结构赋值可以把页面打开,就能运行起来了 触发方法的行为

Image.png

百度云链接 链接: http://pan.baidu.com/s/1bpGEhJp 密码: 4iqc

链接: http://pan.baidu.com/s/1bpGEhJp 密码: 4iqc

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 自动调试自动编译五分钟上手

    王小婷
  • 扩展的方法:es6 安装模块builder模块化打包工具:webpack

    王小婷
  • 回调函数路由,模板渲染

    王小婷
  • 【使用教程】手把手教你入门腾讯云服务器

    2)使用购买服务器的微信,扫描二维码登陆,如果非微信账号,可以选择二维码下方其他登录方式

    小西
  • 【SPA大赛】移动app广告转化率预估算法优化思路及解决办法

    本次腾讯社交广告算法大赛以移动app广告转化率预估为背景,以移动App广告为研究对象,预测App广告点击后被激活的概率,即给定广告、用户和上下文情况下广告被点击...

    何颖
  • Silverlight制作逐帧动画

    打算用sl来制作一个游戏,我曾经有flash开发游戏的经验.现在想用sl来做.打算记录下我开发游戏探索的过程. 打开http://www.emu-zone.o...

    用户1172164
  • Python常用库-Pillow图像处理

    在Pyhton图像库「Python Imaging Library」支持大量的图片格式,是图像处理和批处理的最佳选择,可以用这个来创建缩略图、文件格式之间的转换...

    叉叉敌
  • Python常用库-Pillow图像处理

    在Pyhton图像库「Python Imaging Library」支持大量的图片格式,是图像处理和批处理的最佳选择,可以用这个来创建缩略图、文件格式之间的转换...

    叉叉敌
  • 宝塔忘记密码怎么办

    这俩天阿里云腾讯云也是搞活动,服务器也是很便宜的。因为自己服务器也算是快过期了.所以也是买了一个服务器.

    桑先生
  • 通过“四大行为”对WCF的扩展[实例篇]

    为了让读者对如何利用相应的行为对WCF进行扩展有个深刻的认识,在这里我提供一个简单的实例演示。本实例模拟的场景是这样的:我们创建一个支持多语言的资源服务,该服务...

    蒋金楠

扫码关注云+社区

领取腾讯云代金券