博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
[Reduc] React Counter Example
阅读量:6367 次
发布时间:2019-06-23

本文共 928 字,大约阅读时间需要 3 分钟。

Before you use the React Redux bindings, learn how to create a complete simple application with just React and Redux.

 

  
JS Bin

 

const counter = (state = 0, action) => {  switch (action.type) {    case 'INCREMENT':      return state + 1;    case 'DECREMENT':      return state - 1;    default:      return state;  }} const Counter = ({  value,  onIncrement,  onDecrement}) => (  

{value}

);const { createStore } = Redux;const store = createStore(counter);const render = () => { ReactDOM.render(
store.dispatch({ type: 'INCREMENT' }) } onDecrement={() => store.dispatch({ type: 'DECREMENT' }) } />, document.getElementById('root') );};store.subscribe(render);render();

 

From React 0.14, you can declear a compoment by using a function.

转载地址:http://mgema.baihongyu.com/

你可能感兴趣的文章
如何使用 GroupBy 计数-Count()
查看>>
jquery之clone()方法详解
查看>>
Delphi 用文件流读取文本文件字符串的方法
查看>>
php中怎么导入自己写的类
查看>>
C# 委托
查看>>
Using Information Fragments to Answer the Questions Developers Ask
查看>>
JVM学习(4)——全面总结Java的GC算法和回收机制---转载自http://www.cnblogs.com/kubixuesheng/p/5208647.html...
查看>>
getParameter和getAttribute的区别
查看>>
自动工作负载库理论与操作(Automatic Workload Repository,AWR)
查看>>
Redis两种方式实现限流
查看>>
CentOS 7 中使用NTP进行时间同步
查看>>
在MongoDB数据库中查询数据(上)
查看>>
Python import其他文件夹的文件
查看>>
Jvm(22),回收策略-----标记清除算法
查看>>
MySQL多表关联查询效率高点还是多次单表查询效率高,为什么?
查看>>
UNIX 高手的 10 个习惯
查看>>
传值与传引用
查看>>
HDU 1538 A Puzzle for Pirates(海盗分金问题)
查看>>
C# Web Forms - Using jQuery FullCalendar
查看>>
H5移动端知识点总结
查看>>