内容简介:这是一个实验项目,尝试了原生Web组件:创建了一个Counter组件,并将其嵌入到一个简单的HTML页面中三次。将他们连接到Redux的公共存储,瞧!计数器对象可以使用自己的单独存储增加计数了。我想使用ES6功能,所以我决定使用Webpack和Babel。Webpack负责使用webpack-dev-server捆绑进程和开发服务器功能。其余的很轻。我创建了一个计数器组件,它有一个显示数字的显示,然后有一个按钮可以帮助你增加数字。我将三次计数器组件插入HTML DOM并将它们连接到一个公共存储。
这是一个实验项目,尝试了原生Web组件:创建了一个Counter组件,并将其嵌入到一个简单的HTML页面中三次。将他们连接到Redux的公共存储,瞧!计数器对象可以使用自己的单独存储增加计数了。
- 创建原生Web组件
- 在HTML文件中多次使用它
- 使用相同的组件,但在其中显示不同的值
- 在Redux的帮助下将它们连接到公共存储
我想使用ES6功能,所以我决定使用Webpack和Babel。Webpack负责使用webpack-dev-server捆绑进程和开发服务器功能。
其余的很轻。我创建了一个计数器组件,它有一个显示数字的显示,然后有一个按钮可以帮助你增加数字。我将三次计数器组件插入HTML DOM并将它们连接到一个公共存储。
Redux商店准备用ID-s获得三个计数器值,所以我可以单独处理每个计数器组件的值。
主App模块获取页面上的每个计数器值并使用它们生成累积值并将其显示在计数器上方。
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Cyberwar
Kathleen Hall Jamieson / Oxford University Press / 2018-10-3 / USD 16.96
The question of how Donald Trump won the 2016 election looms over his presidency. In particular, were the 78,000 voters who gave him an Electoral College victory affected by the Russian trolls and hac......一起来看看 《Cyberwar》 这本书的介绍吧!