在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 条评论
登录 后参与评论

相关文章

来自专栏性能与架构

JS如何实现多线程?

单线程的问题 javascript是单线程执行的,在处理运算过程中,浏览器不能执行其它javascript脚本,UI渲染线程也会被挂起,从而导致浏览器进入僵死...

4165
来自专栏小特工作室

Navi.Soft31.开发工具(含下载地址)

1系统简介 1.1功能简述 在软件开发过程中,我们需要经常对字符串、文件、数据库操作。有时需要浏览Json格式串,有时需要浏览Xml格式串,有时需要读取txt或...

2389
来自专栏向前进

【踩坑】angularJS 1.X版本中 ng-bind 指令多空格展示

做项目的时候遇到的问题 1、问题描述   用户在表单某个值输入多个空格,例如:A     B,保存至服务器   在列表查询页面中使用bg-bind的指令单向绑定...

3403
来自专栏大学生计算机视觉学习DeepLearning

VS下如何建立一个新的MFC程序 网络编程 课设 基于C++ MFC 连接数据库 小应用 小项目浅析展示

3073
来自专栏大数据

使用Go构建一个Data Thrashing CLI工具

以下所撰就是这个快速上手的项目。最后,我将在容器中搭建服务,并将其放入Kubernetes(k8s)集群中,不过下面操作都是在CLI环境下进行的。

2300
来自专栏编程直播室

使用Ionic2开发Todo应用0 开始之前1 创建新的Ionic 2工程2. 设置主页(Home page)3 持久化数据保存4 总结

2575
来自专栏大内老A

[CORS:跨域资源共享] 同源策略与JSONP

Web API普遍采用面向资源的REST架构,将浏览器最终执行上下文的JavaScript应用Web API消费者的重要组成部分。“同源策略”限制了JavaSc...

2019
来自专栏程序员的知识天地

新鲜出炉的8月前端面试题

题目的答案提供了一个思考的方向,答案不一定正确全面,有错误的地方欢迎大家请在评论中指出,共同进步。

942
来自专栏互联网杂技

React -- 组件间通信

分为三种类型的通信关系: 1、父组件向子组件通信 2、子组件向父组件通信 3、没有嵌套关系的组件之间的通信 父组件向子组件通信 父组件通过子组件的prop...

4327
来自专栏程序员的碎碎念

PHPExcel 表格导入数据代码解析(二)

前面大概讲了phpexcel用表格导入数据到数据库中的教程,今天会详细剖析函数代码,话不多说,先上代码: public function upload...

3466

扫码关注云+社区

领取腾讯云代金券