小编Dan*_*ory的帖子

敲我的头。我已经浏览了典型的ReactJS和Redux应用程序教程，并且正在开发自己的应用程序。问题是当使用CombineReducers（）为Redux存储创建单个reducer时。我目前有3个减速器，当将它们添加为createStore（）的减速器参数时，它们可以正常工作。第一个reducer包含我的所有动作，称为：

HeaderReducer

import { isActive } from '../actions/HeaderActions';

export const initialButtonState = {
  isActive: false,
  invertStyles: false
}

export default (state = initialButtonState, action) => {
  switch (action.type) {
    case 'SET_ACTIVE':
      return {
        ...state,
        isActive: action.isActive(state),
        invertStyles: action.invertStyles(state),
      }

    default:
      return state
  }
}

第二个和第三个reducer是使用ImmutableJS构建的，以传播一些虚拟内容以用于单独的列表。同样，这些减速器单独工作，但当CombineReducers（）组合它们时不工作。第二个reducer文件称为：

ListItems

import Immutable from 'immutable';

const messagesList = Immutable.List(['9:00AM - 9:30AM','10:30AM -     11:30AM','11:45AM - 12:30PM','1:00PM - 2:15PM','3:00PM - 4:00PM']);

export default (state = messagesList, action) => {
  switch(action.type) {
    case 'addItem':
      return state.push(action.item)
    case 'deleteItem': …

我很难将SVG正确渲染到框架的场景中。我走了htmltexture-component路线，该路线依赖于draw-component。

问题在于要使SVG的背景呈现为透明。它根本不起作用。相反，我得到了在画布上绘制的默认白色背景。我的SVG是在Illustrator中创建的，是没有背景（作为彩色或光栅图像）的有效HTML对象。

<div id="bears">
<svg xmlns="http://www.w3.org/2000/svg" width="518" height="500" xmlns:xlink="http://www.w3.org/1999/xlink">
  <path d="M168.958 480.023c-12.18-1.57-24.62-6.847-34.293-14.544-9.103-7.25-11.733-15.34-7.8-23.99 4.594-10.11 22.386-19.1 27.564-13.92 1.71 1.71 2.03 5.14.68 7.27-.63.99-1.03.66-1.51-1.25-1.37-5.43-13.5-2.54-16.44 3.92-2.72 5.95-.57 14.06 4.3 16.28 5.39 2.45 15.09 1.04 23.89-3.49 3.63-1.87 13.35-9.11 19.14-14.25 12.62-11.23 19.38-16.07 28.49-20.42 5.93-2.84 7.37-3.11 16.5-3.11 8.3 0 10.88.39 15.18 2.32 2.84 1.27 5.95 3.17 6.9 4.22 2.05 2.26 3.74 2.42 5.34.5 2.24-2.71 11.83-6.6 17.78-7.23 6.83-.72 17.37.833 22.4 3.3 3.87 1.892 14 8.59 17.72 11.72 1.38 1.155 6.14 5.31 10.59 9.225 14.51 12.8 …