标签: class-names

当使用类名（https://www.npmjs.com/package/classnames）库时，我在Jest上运行测试用例时遇到问题：

它抛出错误：classnames_1.default 不是函数

它正在网站上使用 webpack 本身..所以我不想改变导入。

我可以选择模拟类名以进行测试以提供类似的行为。有没有其他方法可以解决这个问题？

有没有人遇到过这个问题？

这是我在 package.json 中的开玩笑配置：

"jest": { "globals": { "API_HOST": "", "DEV": false }, "transform": { ".(ts|tsx)": "<rootDir>/node_modules/XXX-framework/jestTypeScriptPreProcessor.js" }, "testRegex": "(/tests/.*|\.(test|spec))\.(js|jsx|ts|tsx)$", "transformIgnorePatterns": [], "moduleFileExtensions": [ "ts", "tsx", "js", "json" ], "automock": false, "clearMocks": true, "resetMocks": true, "coverageThreshold": { "global": { "branches": 50, "functions": 50, "lines": 50, "statements": 50 } }, "modulePaths": [ "<rootDir>/src", "<rootDir>/node_modules/XXX-framework/src" ], "unmockedModulePathPatterns": [ "<rootDir>/node_modules/react/", "<rootDir>/node_modules/react-dom/", "<rootDir>/node_modules/react-addons-test-utils/", "<rootDir>/node_modules/enzyme/", "<rootDir>/node_modules/XXX-framework/" ] }

谢谢

我正在使用 material-ui 库开发一个 React 项目。我目前正在尝试添加一个对我来说很好用的抽屉。但是，我正在尝试更改此抽屉的背景颜色。我听说这样做的方法是改变抽屉纸的颜色。我尝试将以下标签添加到我的 CSS 对象中：

const styles = theme => ({
    background:"BLUE"

然后我使用 classNames 库在我的渲染函数中引用这个对象：

  render(){
        const { classes } = this.props;
        return(
    <div className={styles.root}>
    <CssBaseline />
    <Drawer 
    variant="permanent" 
    className={classNames(classes.drawer, {
        [classes.drawerOpen]: this.state.open,
        [classes.drawerClose]: !this.state.open
    })}
    classes = {{
        paper: classNames({
            background:classes.background,
            [classes.drawerOpen]: this.state.open,
            [classes.drawerClose]: !this.state.open
        })
    }}

但是，当我在 localhost 上运行它时，纸张仍然是纯白色的。我是否遗漏了有关 classNames 库的某些信息，或者是纸标签的特例？提前致谢，如果我应该提供比这更多的信息，请告诉我。

我正在创建一组使用 CSS 进行样式设置的可重用组件（包装材料用户界面）。我需要通过传递给自定义按钮的道具动态设置组件的宽度。

我想使用类名来合并为 MyButton 定义的 const 根样式（我已经在沙箱中将其剥离了，但它设置了颜色、图标等）和可以根据传入的道具定义的动态 sizeStyle。

  const sizeStyle: JSON =  { minWidth: "300px !important"};


  //always apply the buttonstyle, only apply the size style if a width prop has been supplied
  const rootStyle: Object = classNames({
    buttonStyle: true,
    sizeStyle: props.width
  ///});   

我不明白为什么样式没有应用于页面上有一个道具通过的第一个按钮 - 我可以在控制台上看到应该应用这两种样式。

沙盒在这里：https : //codesandbox.io/s/css-styling-custom-muibutton-width-as-prop-36w4r

TIA

我的FLA库中有几个动画片段,应用了类名.在我的AS包文件中,我有一个这些类名的数组.我想做的是在舞台上显示动画片段,如下所示:

• 加载SWF后,显示数组[0]
• 单击"下一步"按钮时,将1添加到阵列,然后显示
• 单击PREV按钮时,从数组中减去1,然后显示

总共n00b问题,我敢肯定.我理解基础知识,但调用类名让我感到困惑.任何帮助,将不胜感激!

而不是解释我将提供一个简单而简短的例子:

我会调用一个解析XML的类XMLParser.有时我会遇到问题,例如我想创建一个标记XML的类,但XMLLabeler由于两个相同的字母,这似乎有些奇怪.

由于XML是一个广泛传播的术语,解决这个"问题"应该没有问题,但对于更复杂的首字母缩略词,这会留下不好的品味.

你会如何处理这些事情？严格应用骆驼案？I. e.XmlParser,XmlLabeler？类名中的首字母缩略词是否有任何命名约定？

我正在使用react,我找到了这个很棒的库,可以帮助你为名为classNames的组件定义css类.我也使用webpack css-loader将css导入到我的组件中,当尝试使用带导入css的classNames时,我收到语法错误.

这是我的例子:

import React from 'react';
import styles from './style.css';
import classNames from 'classnames';

export default class Menu extends React.Component {
    render() {
        let style = classNames({
            styles.someClass: true
        });
    }
}

我怎么能同时使用？

我正在阅读Sonja Keene 的《Common Lisp 中的面向对象编程》一书。

在第七章中，作者提出：

(class-name class-object)

这使得查询类对象的名称成为可能。

使用 SBCL 和 SLIME 的 REPL，我尝试了：

; SLIME 2.26.1
CL-USER> (defclass stack-overflow () 
           ((slot-1 :initform 1 )
            (slot-2 :initform 2)))
#<STANDARD-CLASS COMMON-LISP-USER::STACK-OVERFLOW>
CL-USER> (make-instance 'stack-overflow)
#<STACK-OVERFLOW {1002D188E3}>
CL-USER> (defvar test-one (make-instance 'stack-overflow))
TEST-ONE
CL-USER> (slot-value test-one 'slot-1)
1
CL-USER> (class-name test-one)
; Evaluation aborted on #<SB-PCL::NO-APPLICABLE-METHOD-ERROR {10032322E3}>.

上面的代码返回以下错误消息：

There is no applicable method for the generic function
  #<STANDARD-GENERIC-FUNCTION COMMON-LISP:CLASS-NAME (1)>
when called with arguments
  (#<STACK-OVERFLOW {1003037173}>).
   [Condition of type …