redux示例

news/2024/7/17 21:04:51
? 献上大概只有自己看得懂的学习笔记

结合使用实例理解更容易哦~

import React from 'react'; import ReactDom from 'react-dom'; import {createStore} from 'redux'; //解构一个createStore 创建状态对象//默认状态 state const defaultState={arr:['qq','bmw7'], };//创建reducer 纯函数 ,必须要有返回值(state) let reducer=(state=defaultState,action)=>{let {type,payload}=action;switch (type){case 'ADD_ITEM':// state.arr.push(payload) //直接修改statereturn Object.assign({},state,{arr: state.arr.concat(payload)});break;default:return state;} };//创建store实例对象 let store = createStore(reducer,defaultState);//创建ToDoList组件 class List extends React.Component{render(){let arr=this.props.store.getState().arr;return (<div title="ToDoList"><ul>{arr.map(function(val,index){return <li key={index}>{val}</li>})}</ul></div>);} }ReactDom.render(<List store={store}></List>,document.querySelector('#app') );

 

转载于:https://www.cnblogs.com/LLLLily/p/8988204.html


http://lihuaxi.xjx100.cn/news/256625.html

相关文章

【怎样写代码】对象克隆 -- 原型模式(一):问题案例

如果喜欢这里的内容&#xff0c;你能够给我最大的帮助就是转发&#xff0c;告诉你的朋友&#xff0c;鼓励他们一起来学习。 If you like the content here, you can give me the greatest help is forwarding, tell your friends, encourage them to learn together.

继承log4.net的类

using System; using System.Diagnostics;[assembly: log4net.Config.XmlConfigurator(Watch true)] namespace Hbl.Core {public static class Log{/// <summary>/// 一般错误/// </summary>/// <param name"message">消息</param>public …

AI 通过眼睛的反光度,来识别是否 Deepfake 换脸

编译 | 禾木木 出品 | AI科技大本营&#xff08;ID:rgznai100&#xff09; Deepfake 是一种 AI换脸工具&#xff0c;现被滥用&#xff0c;从虚假宣传活动到插入一些违法内容&#xff0c;并且篡改后的图像是难以被检测到的。 一种新的 AI 工具提供了一项令人惊讶的简单方法来发现…

Cisco路由器安全配置必用10条命令

当谈到配置一台新的cisco路由器&#xff0c;多数配置依赖于路由器的类型以及它将服务的用途。然而&#xff0c;每位管理员都有其自己的“正确”配置每台路由器的命令列表。笔者将和你分享他自己配置路由器的十条命令列表。<?xml:namespace prefix o ns "urn:schemas…

推荐系统超级公开课报名!

你是否发现&#xff0c;现在我们正处于一个人工智能的时代&#xff0c;打车软件、智能翻译、文本自动编辑器、对话机器人等等&#xff0c;生活中随处可见智能化存在。这都是当下生活中的人工智能。但是&#xff0c;在这种科技进入的同时&#xff0c;也给我们的生活带来了巨大的…

母亲从大专到考上985高校全日制博士,成了儿子的“学妹”

点击上方“视学算法”&#xff0c;选择加"星标"或“置顶”重磅干货&#xff0c;第一时间送达本文来源&#xff1a;浙江大学、浙江大学校友总会、金华广电融媒体、钱江视频母子俩同在浙大读书&#xff0c;是什么感觉&#xff1f;近日&#xff0c;浙江金华市中心医院护…

python基础——数据类型

【数据类型】 1 python的数字类型分为整型、长整型、浮点型、布尔型、复数类型。 2 python没有字符类型 3 python内部没有普通类型&#xff0c;任何类型都是对象。 4 如果需要查看变量的类型&#xff0c;可以使用type类&#xff0c;该类可以返回变量的类型或创建一个新的类型。…

「屋漏偏逢连夜雨」,Log4j 漏洞还没忙完,新的又来了

整理 | 郑丽媛、禾木木 出品 | CSDN 这几天&#xff0c;Apache Log4j 2 绝对是众多 Java 程序员提到的高频词之一&#xff1a;由于 Apache Log4j 2 引发的严重安全漏洞&#xff0c;令一大批安全人员深夜修 Bug、打补丁。此次漏洞更是因为其触发简单、攻击难度低、影响人群广泛等…