textslider 使用FB React的玩具项目——仅供学习

文本滑块这是一个非常小的示例程序，它使用react.js创建了一个名为“文本滑块”的组件，它由一个文本字段和一个滑块耦合在一起组成，这样改变其中一个的值也会改变另一个的值.我认为这很有趣，因为它展示了react.js如何允许信息以清晰的方式在组件之间流动，从而减少更新和依赖项的混淆，而这些更新和依赖项通常伴随更传统的面向回调的库。这个简单应用的“信息架构”是：有一个应用程序状态对象包含一个value字段，它是一个从0到10的数字（实际上，在这种情况下，整个应用程序由TextSlider组件的单个实例组成，因此状态对象包含在该组件中）；它的初始值为{value: 8}每当呈现文本字段或滑块时，都会使用从此状态对象中获取的值呈现每当用户更改文本字段或滑块的值时，修改后的组件会使用更新后的值调用TextSlider组件的onValueChange