Question

我知道这是一个简单的问题，但我是初学者。

<div id="fixed-target" style="display:block; margin:0 auto; width:100%; height:103px; border:0px solid #000; overflow-x:auto; "> <svg width="654" height="83"> <text text-anchor="middle" x="50%" y="59" font-family="Abbey" font-size="60px" style="font:bold 80px Arial; color:#fff; fill:rgb(0,0,0);"> <tspan dy="15">Some test text</tspan> </text> </svg> </div> <div id="fixed-target" style="display:block; margin:0 auto; width:100%; height:103px; border:0px solid #000; overflow-x:auto; "> <svg width="654" height="83"> <text text-anchor="middle" x="50%" y="59" font-family="Abbey" font-size="60px" style="font:bold 80px Arial; color:#fff; fill:rgb(0,0,0);"> <tspan dy="15">A very very very long block of test text</tspan> </text> </svg> </div>

中此行的用途是什么

combineReducer

这一行就是这样的：

router: routerReducer

Answer 1

实际上，它应该是最清晰的一行，因为你要定义一个对象，一个键和值对集合。实际上，您的代码等同于：

export default combineReducers({
  article: article,
  articleList: articleList,
  auth: auth,
  router: routerReducer
});

感谢ES6功能

Answer 2

代码将javascript对象传递给combineReducers()函数。有两种方法可以向对象添加元素：

{item: item}

和

{item}

而后者是第一个的简写。只有当对象键和变量名相同时，速记才有效。

代码也可以这样写：

{
  article: article,
  articleList: articleList,
  auth: auth,
  router: routerReducer
}

这句话有什么用：{router：routerReducer}

2 个答案: