小编Cas*_*eyC的帖子

我正在尝试在 Material-UI 中的自定义主题上设置组件的 z-index。他们在 0.14.2 版本中将 zIndex 从基本主题中移出，取而代之的是在名为 zIndex.js 的节点模块中设置 zIndex。我想在我的组件中覆盖 zIndex 但找不到一种方法来做到这一点而不改变节点模块本身，这是一个坏主意。我在一个单独的页面中设置了一个自定义主题，如下所示

import Colors from 'material-ui/lib/styles/colors';
import ColorManipulator from 'material-ui/lib/utils/color-manipulator';
import Spacing from 'material-ui/lib/styles/spacing';
import zIndex from 'material-ui/lib/styles/zIndex';

export default {
    spacing: Spacing,
    zIndex: zIndex,
    fontFamily: 'Roboto, sans-serif',
    palette: {
        primary1Color: "#303F9F",
        primary2Color: "#3F51B5",
        primary3Color: "#C5CAE9",
        accent1Color: "#448AFF",
        accent2Color: "#ED2B2B",
        accent3Color: "#F58C8C",
        textColor: Colors.darkBlack,
        alternateTextColor: Colors.white,
        canvasColor: Colors.white,
        borderColor: Colors.grey300,
        disabledColor: ColorManipulator.fade(Colors.darkBlack, 0.3),
        pickerHeaderColor: Colors.cyan500
    }
};

然后我app.jsx像这样使用它（为简洁起见缩短了代码）

import ThemeManager from 'material-ui/lib/styles/theme-manager';
import MyRawTheme from '../theme/customTheme.js';

class …

我在我的React应用程序中使用Framework7复选框。我有一个onClick设置，可以在<input type="checkbox">每次选中复选框时更新我的​​应用程序状态。它可以在桌面浏览器上正常运行，但该onClick事件不会在移动设备上注册。有人遇到过Framework7这个问题吗？请参阅下面的示例代码（为简洁起见，删除了不必要的代码）。

我的输入：

<label className="label-checkbox item-content">
  <input className="fileChkBoxes" type="checkbox" name="chkName" onClick={this.handleChange.bind(this)}/>
    <div className="item-media">
       <i className="icon icon-form-checkbox"></i>
    </div>
</label>

我的onClick功能（简体）：

handleChange() {
    let filesChecked = [];
    let fileInput = document.getElementsByClassName('fileChkBoxes');
    for (let i = 0; fileInput[i]; ++i) {
        if (fileInput[i].checked) {
            filesChecked.push(fileInput[i].value);
        }
    }
    ProjectActions.batchDelete(filesChecked);
}