Redux实现组合计数器的示例代码(2)

$designWidth: 750; @function px2rem($px) { @return $px*10/$designWidth+rem; } #root { div { p { font-size: px2rem(300); color: #5EA1F3; text-align: center; } div { font-size: px2rem(500); display: flex; color: #64B587; border: 1px solid #F0BB40; input { flex: 1 1 auto; background-color: #64B587; font-size: px2rem(200); outline: none; color:#ffffff; } span { width: 300px; flex: 1 1 auto; text-align: center; } } .title { color: #BDBDBD; } .result { font-size: px2rem(200); } } }

小结

redux的设计思想是很简单的, 也有了很成熟的库函数供我们调用, 所以面对一个问题时, 我们考虑的重点是: React组件内哪些数据需要被Redux管理?把重点问题考虑清楚, 问题也就解决了大半!